- 博客(72)
- 收藏
- 关注
RSS订阅原创 小程序switchTab、navigateTo、redirectTo、navigateBack、reLaunch的使用场景
1. redirectTo：关闭当前页，跳转到指定页；2. navigateTo：保留当前页，跳转到指定页；3. switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面；4. navigateBack：返回前面的页面，可以指定返回多少页，如果用过redirectTo，那么被关闭的页面将返回不去；5. reLaunch：关闭卸载所有页面，可以打开任意页面
2023-02-15 16:31:54
1291
原创 循环数组时按顺序执行请求（el-select可多选可查询填写评估人）
remoteSearch(query){ if(this.nameArr.indexOf(query) > -1 || query == "" || query.length < 2){ this.selectChange(); return; } let params = { searchValue: query, pageNum: "1", pageSize: "100",
2021-08-17 23:58:43
118
原创 vue实现复制功能
copy(data) { let url = data; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象; console.log(oInput.value) document.execCommand("Copy"); // 执行浏览器复制命令
2021-08-17 23:16:59
96
原创 uni-app 微信小程序报错：Cannot read property ‘forceUpdate‘ of undefined
https://developers.weixin.qq.com/community/welogin?redirect_url=%2Fsandbox打开链接，微信扫描，获得测试id再修改微信开发者工具上的AppID和hbuilder的AppIDOK，搞定！！！
2021-04-17 01:32:51
326
转载 【转】webpack配置别名和全局变量（resolve.alias&& ProvidePlugin）
点击这里，webpack配置别名和全局变量（resolve.alias&& ProvidePlugin）
2021-04-15 22:15:33
317
转载 vue插件的install方法
vue-i18n.jsMyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive', { bind (el, binding, vnode, oldVnode) { // 逻辑... } ... })
2021-04-15 21:35:16
1545
原创 路由拦截小实例
config.jsexport default { method: "get", // 基础url前缀 baseURL: "http://localhost:8080/", // 请求头信息 headers: { "Content-Type": "application/json;charset=UTF-8", }, // 参数 data: {}, // 设置超时时间 timeout: 10000, // 携带凭证 // withCredential
2021-04-15 18:47:31
246
转载 【转】封装 axios 模块，url配置、api请求、拦截器
封装要点统一 url 配置统一 api 请求request (请求) 拦截器，例如：带上token等，设置请求头response (响应) 拦截器，例如：统一错误处理，页面重定向等根据需要，结合 Vuex 做全局的 loading 动画，或者错误处理将 axios 封装成 Vue 插件使用点击这里，查看封装 axios 模块...
2021-04-15 14:53:57
87
转载 【转】webpack使用步骤和报错解决方法
1.点击这里，webpack4.+的使用（一）2.点击这里，webpack4.+的使用（二）(css、less、file-loader的使用)3.点击这里，Webpack的使用（三）（html-webpack-plugin、webpack-dev-server、vue-loader 、CommonsChunkPlugin）
2021-04-14 15:39:39
553
原创 使用vuex实现登录，vuex基本使用方法
1.store/index.jsimport { createStore } from 'vuex'import { Login } from '@/api/user' //引入登录方法export default createStore({ //vuex的基本数据，用来存储变量 state: { token: '' }, //提交更新数据的方法，必须是同步的 mutations: { SET_TOKEN: (state, t
2021-04-13 20:17:55
1757
原创 vue中使用mockjs模拟接口
1.mock/request.js使用axios.create，定义基础路径import axios from 'axios'const instance = axios.create({ baseURL: '/api/'})export default instance;2.mock/index.js设置接口的使用import { message } from 'ant-design-vue/es'import instance from './request'expo
2021-04-13 19:10:51
175
原创 axios.create的使用
axios.create()是添加了自定义配置的新的axios1.用axios发送请求axios({ method:'POST', url:'http://localhost:8080/login', data})2.用axios.create创建一个新的axios发请求cosnt instance = axios.create({ baseURL:'http://localhost:8080/' //基础路径})instance({ url: '/login',
2021-04-13 16:23:11
17502
1
转载 【转】用户登录的简单实现思路，包含路由拦截
1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token6、后端判断请求头中有无token，有token，就拿到token并验证token，验证成功就返回数据，验证
2021-04-13 15:54:55
388
原创 babel-plugin-import 插件的使用
babel-plugin-import是一款babel插件,在编译过程中将import的写法自动转换成按需引入的方式.安装npm i babel-plugin-import -D在babel.config.js中配置"plugins": [ [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "
2021-04-13 13:40:28
1083
原创 jQuery上传和导出文件
上传文件或图片/* 上传excel文件 —— 地址，成功回调函数 */function fileUploadRequest(url, callback) { $.ajaxFileUpload({ url: url, //用于文件上传的服务器端请求地址 type: 'post', secureuri: false, //是否需要安全协议，一般设置为false fileElementId: 'excelFile', //文件上传域的ID
2021-04-13 00:01:16
455
原创 标准时间转换为yyyy-MM-dd
var d = new Date(); // 'Thu April 12 2021 22:03:00 GMT+0800 (中国标准时间)'var datetime = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
2021-04-12 22:03:31
573
原创 Ant Design删除操作弹出对话框
delete(id) { this.$confirm({ title: "确定删除？", content: "删除后将无法恢复", onOk: async () => { let res = await delItem(id); //delItem()是删除传参操作 if (res.data.success) { this.$ms("删除成功"); this.getList(); //getList()是获取列表传参操
2021-04-12 19:09:37
2319
1
原创 async和await的使用
async表示函数里有异步操作,await表示紧跟在后面的表达式需要等待结果// vuemethods: { async getList() { let res = await axios.get("http://mock/userlist"); this.data = res.data.userlist; this.count = res.data.count; }}...
2021-04-12 01:54:52
145
原创 Vue.component封装组件并注册使用
1.ConterContainer.vue<template> <div class="conterContainer"> <slot></slot> </div></template><script>export default {};</script><style>.conterContainer { display: flex; display: -webk
2021-04-11 17:56:04
342
原创 Vue.mixin封装多个事件并全局注册使用
1.mixin.jsimport axios from "axios"export default options => { return { data() { return {} }, methods: { $get(url, params) { return axios.get(url, { params
2021-04-11 17:45:48
395
转载 ant design vue简单登录界面
<template> <div class="login-container"> <h2 class="login-title">我的登陆页面</h2> <a-form ref="form" :model="form" class="login-form"> <h2 class="title">用户登录 LOGIN</h2> <a-form-item> .
2021-04-10 22:41:59
3448
2
原创 JS判断正数、负数、不是数字
// 判断 正数，负数，不是数字function checkNumType(num) { var reg = new RegExp("^-?[0-9]*.?[0-9]*$"); if (reg.test(num)) { // 用于检测一个字符串是否匹配某个模式 var absVal = Math.abs(num); // 如果参数是非负数，则返回该参数；如果参数是负数，则返回该参数的相反数。 return num == absVal ? '正数' : '负数
2021-04-07 20:41:44
1576
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人