随笔分类 -  Vue

上一页 1 2 3 4
关于学习中用到的Vue知识
Vue中做滑块登录验证
摘要：1 // 先获取lib文件夹，在博客园里的文件里：https://i.cnblogs.com/files 2 3 // 然后在main.js中引入 4 5 import SlideVerify from './lib/index' 6 7 //Vue.config.productionTip = f 阅读全文
posted @ 2020-11-17 16:26 yw3692582 阅读(1403) 评论(0) 推荐(0)
Vue中使用 captcha.min.js 做验证码
摘要：1 verificationCode() { 2 let captcha1 = new CaptchaMini() 3 captcha1.draw(document.querySelector('#captcha1'), r => { 4 this.Verification = r 5 }) 6 } 阅读全文
posted @ 2020-11-09 10:07 yw3692582 阅读(1533) 评论(0) 推荐(0)
Vue中获取URL地址上的参数
摘要：1 getTokenVue(){//使用vue的this.$route来获取 2 let url = this.$route.query 3 let token; 4 let loca_token = localStorage.getItem('token') 5 let url_string = 阅读全文
posted @ 2020-10-16 22:01 yw3692582 阅读(13768) 评论(0) 推荐(0)
Vue使用高德地图来显示固定的城市
摘要：1 init() { //地图-固定显示重庆市 2 let _this = this 3 _this.map = new AMap.Map("container", { 4 resizeEnable: true, 5 center: [107.983524, 30.026571], 6 zoom: 阅读全文
posted @ 2020-10-10 17:53 yw3692582 阅读(1821) 评论(0) 推荐(0)
Vue解决打包项目后js文件非常大，导致首次加载页面非常慢
摘要：1 1、使用cdn方式引入不常修改的第三方插件 2 2、使用路由懒加载，例如： 3 { 4 path: "*", 5 component: resolve => require(['../views/404.vue'],resolve) 6 },// 第二种路由懒加载　component: () = 阅读全文
posted @ 2020-10-10 17:41 yw3692582 阅读(2201) 评论(0) 推荐(0)
Vue解决重复点击链接报错
摘要：1 // 解决重复点击链接的报错，在router.js中添加 2 const originalPush = Router.prototype.push 3 Router.prototype.push = function push(location) { 4 return originalPush. 阅读全文
posted @ 2020-10-10 17:39 yw3692582 阅读(250) 评论(0) 推荐(0)
Vue中使用v-for和filter来过滤数据
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue-Computed计算属性</title> 6 <script src="https://cdn.bootcdn.net/ajax/libs/vue/2. 阅读全文
posted @ 2020-09-21 17:41 yw3692582 阅读(9350) 评论(0) 推荐(0)
Vue使用v-for遍历数组和对象
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue-Computed计算属性</title> 6 <script src="https://cdn.bootcdn.net/ajax/libs/vue/2. 阅读全文
posted @ 2020-09-21 17:26 yw3692582 阅读(2516) 评论(0) 推荐(0)

上一页 1 2 3 4