VUE
关注
分享
扫一扫
zeYound
这个作者很懒，什么都没留下…
展开
-
VUE 关于methods里函数嵌套函数获取不到this对象
问题：例子methods:{ init(){ test(); function test(){ console.log(this); //无法获取到this对象，undefined } }}解决：要用箭头函数methods:{ init(){ var test = () => { console.log(this); //获取到vue实例对象 } test(); }}注意：箭头函数要写到调用的前面，否则会无法调用，报错test不是原创 2021-04-12 11:07:52 · 2863 阅读 · 0 评论 -
VUE指令：拖拽
directives:{ // 拖动 drag(el, binding) { let oDiv = el; //当前元素 oDiv.onmousedown = function (e) { e.preventDefault(); let bw = document.body.clientWidth; let bh = document.body.clientHeight; //鼠标按下，计算当原创 2021-03-24 14:53:16 · 148 阅读 · 0 评论 -
VUE获取ip或城市名
引入在public文件夹中的index.html<body> <noscript> <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript&原创 2021-03-11 10:49:52 · 459 阅读 · 0 评论 -
VUE按键修饰符
按键修饰符 //按键修饰符 Vue.config.keyCodes.huiche=13;<div>模糊搜索：<input type="text" v-model="words" @keyup.huiche="search()"></div>原创 2021-03-01 22:45:05 · 144 阅读 · 0 评论 -
VUE过滤器
VUE过滤器过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。全局过滤器Vue.filter('globalnameFilter',function(value,param){ // ``模板字符中要用${}调用参数 return `${value}--${param}`; })必须return值，return的值就是{{}}中显示的值私有过滤器filters:{ n原创 2021-03-01 22:43:57 · 98 阅读 · 0 评论 -
VUE动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>tra原创 2021-03-01 22:41:43 · 184 阅读 · 0 评论