![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
不吃素的pig
人在江湖飘哪能不挨刀
展开
-
vue.js的this.$nextTick()使用场景
重点:vue的this.$nextTick()作用将回调延迟到下次 DOM 更新循环之后执行 一般使用场景: 1、在钩子函数created()里面想要获取dom的内容或者操作dom,但是这个时候只是虚拟dom,实际dom操作不了,所以在这里可以用this.$nextTick(),这样等dom更新完了再执行this.$nextTick()里面的回调,这样就可以操作或者获取dom的内容了 例如:想要在created()里初始化echart的图表 //template <div ref="cha原创 2020-07-24 17:18:55 · 608 阅读 · 0 评论 -
vue移除window窗口监听事件两种方法
例子:页面窗口变化时,echarts绘制的视图需要resize(),这时需要监听window,但是当组件消耗时也需要移除窗口监听事件。 涉及到的data数据和methods //data data(){ return{ timer:null, // 记录setTimeout chartForm:null, // echarts视图 } } //methods chartResize(){ //防抖 if(this.timer) clearTimeout(th原创 2020-07-22 17:34:12 · 11596 阅读 · 0 评论 -
利用箭头函数解决vue使用setTimeout的this问题和使用小技巧
注:箭头函数本身没有执行作用域,是继承其父的执行上下文,所以箭头函数的this指向绑定其父的作用域 1、在vue里面使用setTimeout发现this失效 原因是setTimeout的this指向的windows 解决:setTimeout的第一个参数的function用箭头函数来代替,原因文章开头已解释了箭头函数的作用 2、vue的方法想要同时传入事件对象和自定义参数 解决方法: 1、方法名($event,定义参数)$event为自定义参数 2、使用箭头函数(val)=>{方原创 2020-07-20 17:46:35 · 3018 阅读 · 0 评论 -
vue由于scoped应如何修改第三方样式
由于scoped属性的样式的隔离,导致无法修改第三方的样式的原因: scoped 属性会自动添加一个唯一的 属性(比如 data-v-21e5b78) 为组件内 CSS 指定 作用域,编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b78]:hover, 使得样式只在这个组件生效,不会导致污染全局样式。 解决方法: 1、如果是css 使用>>> 外层>>> 需要修改的第三方,例如: .原创 2020-06-15 11:19:38 · 419 阅读 · 0 评论 -
vue2.0打包之后访问是空白页面
npm run build 之后访问index.html是空白页面,原因是打包文件路径配置不对。 解决: 1、找到工程的config文件夹下的index.js,将build的assetsPublicPath改为'./' assetsPublicPath是打包之后index.html里面引用别的资源的相对地址 2、找到工程的build文件夹下的utils.js文件,将publicPa...原创 2019-07-17 11:12:31 · 1959 阅读 · 0 评论 -
vue打包之后在谷歌浏览器请求正常但在ie浏览器却请求不了
在ie浏览器下打开并请求后台接口的时候报如下图的错 原因:工程使用的axios 是一个基于 promise 的 HTTP 库,axios是使用promise来封装的,但是ie不兼容promise 解决: 1、在工程的命令行输入npm install es6-promise --save-dev 2、在工程的src文件夹下main.js引入 ...原创 2019-07-17 11:59:18 · 2049 阅读 · 0 评论