- 博客(7)
- 收藏
- 关注
RSS订阅原创 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
原创 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
原创 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
原创 VUE按键修饰符
按键修饰符 //按键修饰符 Vue.config.keyCodes.huiche=13;<div>模糊搜索：<input type="text" v-model="words" @keyup.huiche="search()"></div>
2021-03-01 22:45:05
144
原创 VUE过滤器
VUE过滤器过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。全局过滤器Vue.filter('globalnameFilter',function(value,param){ // ``模板字符中要用${}调用参数 return `${value}--${param}`; })必须return值，return的值就是{{}}中显示的值私有过滤器filters:{ n
2021-03-01 22:43:57
98
原创 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
原创 async/awiat
async/awiat简介Promise，我们知道可以用then链来解决多层回调问题，但是这还不是最理想的操作，我们需要调用很多个then链才能达到要求，那么有没有一种更简便代码量更少的方式达到then链相同的结果呢？async和await就很好地解决了这个问题，首先用async声明一个异步函数，然后再用await等待异步结果，把以前then链的结果放到直接放在await，非常方便。Async/Await 可以让你轻松写出同步风格的代码同时又拥有异步机制，更加简洁，逻辑更加清晰。asyn
2021-03-01 22:39:06
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人