- 博客(38)
- 收藏
- 关注
RSS订阅原创 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
341
转载 【转】webpack配置别名和全局变量（resolve.alias&& ProvidePlugin）
点击这里，webpack配置别名和全局变量（resolve.alias&& ProvidePlugin）
2021-04-15 22:15:33
357
转载 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
1574
原创 路由拦截小实例
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
283
转载 【转】封装 axios 模块，url配置、api请求、拦截器
封装要点统一 url 配置统一 api 请求request (请求) 拦截器，例如：带上token等，设置请求头response (响应) 拦截器，例如：统一错误处理，页面重定向等根据需要，结合 Vuex 做全局的 loading 动画，或者错误处理将 axios 封装成 Vue 插件使用点击这里，查看封装 axios 模块...
2021-04-15 14:53:57
97
转载 【转】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
576
原创 使用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
1797
原创 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
209
原创 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
17675
1
转载 【转】用户登录的简单实现思路，包含路由拦截
1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token6、后端判断请求头中有无token，有token，就拿到token并验证token，验证成功就返回数据，验证
2021-04-13 15:54:55
406
原创 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
1205
原创 jQuery上传和导出文件
上传文件或图片/* 上传excel文件 —— 地址，成功回调函数 */function fileUploadRequest(url, callback) { $.ajaxFileUpload({ url: url, //用于文件上传的服务器端请求地址 type: 'post', secureuri: false, //是否需要安全协议，一般设置为false fileElementId: 'excelFile', //文件上传域的ID
2021-04-13 00:01:16
493
原创 标准时间转换为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
612
原创 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
2437
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
158
原创 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
355
原创 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
439
转载 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
3640
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
1702
原创 自定义remove方法移除指定元素
Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); }}; var arr = ['你','我','他','小狗','小猫','小鸟'];arr.remove('小鸟');
2021-04-07 20:32:08
249
原创 jQuery实现文件上传
html代码段要先引入ajaxFileUpload.js文件<span onclick="chooseTheFile()">点我上传文件</span><input type="file" id="excelFile" name="excelFile" onchange="filesUpload()" style="display: none;" />JS代码段// 上传文件function chooseTheFile() { $('#excelFile
2021-04-07 20:19:03
795
原创 微信扫码wx.scanCode的使用方法
wx.scanCode({ onlyFromCamera: false, //值为 false 既可以使用相机也可以使用相册， 值为true 只能使用相机 scanType: ['barCode', 'qrCode', 'datamatrix', 'pdf417'], //分别对应 一维码 二维码 DataMatrix码 PDF417条码 success: async (res) => { //扫码成功后 // console.log(res)
2021-04-06 20:28:53
4208
1
原创 微信定位和HTML5定位
微信定位wx.getLocationwx.getLocation({ //微信定位 type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' success: function (res) { var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90 var longitude = res.longitude; // 经度，浮点数，
2021-04-06 20:10:26
923
原创 使用navigator.userAgent.toLowerCase()判断移动端设备浏览器类型
var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/android/i) == "android"){ console.log("android");}if (ua.match(/iPhone/i) == "iPhone"){ console.log("iPhone");}if (ua.match(/iPad/i) == "iPad"){ console.log("iPad");}if
2021-04-06 19:50:42
955
原创 vue中的provide与inject
provide和inject提供依赖注入实现跨层级组件(祖孙)间通信一、vue2中的provide与inject<template> <div> <h2>父级组件</h2> <hr /> <Child /> </div></template><script> import Child from "./Child.vue"; export default { .
2021-04-01 17:53:53
178
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人