logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue组件props中异步获取的数据

在使用vue组件时,我们不免使用props获取父组件的数据,对于父组件直接定义的数据,例如:data{sex: ‘男’,….}我们直接使用即可,但是如果我们所需的数据在父组件中是使用异步获取时,尤其我们的组件需要等待数据进行下一步操作时,如果不采用特殊的办法就会产生不可预知的错误,这时我们可以在子组件中使用watch,检测数据的变化,只用数据传递的值符合我们的期...

vue中的滚动事件以及requestAnimationFrame动画

接着上一章将,这一章主要讲编程时遇到的问题:scroll事件:我在vue中是这样使用的object.addEventListener(‘scroll’, e => {}, false);结果发现不行,于是查了很多资料,最后有3种解决方案:①在节点上使用onscroll=“function”②在节点上使用@scroll事件③object.addEventListener的第三个参数..

vue监听document的scroll事件

当前遇到了一个这样的业务场景:当页面滚动距离大于指定距离,显示回到顶部的按钮,否则隐藏按钮;项目构成:vue-cli + axios要求:不使用jQuery,使用原生完成这个组件。首先:MDN中对scroll事件的定义,可以发现其中的关键点element的scroll事件不冒泡, 但是document的defaultView的scroll事件冒泡document.defaultView指的...

vue2.0:Can not read property ‘XXX’ of undefined

问题描述:在vue2环境下:页面爆出标题的错误,但是页面的数据和方法正常渲染和使用,没有任何异常。解决办法:①定义异步请求数据的完整格式②页面使用该数据时,使用v-if进行判断一下问题分析:当你的页面中渲染的时候,created的数据肯定是还没获取到的,如果你的json是只嵌套一层,因为data你已经定义好了,所以data.a不会出现data undefined的错误,只是找不...

webpack You may need an appropriate loader to handle this file type.

学习webpack+vue时,出现了这个错误。百度一下这个问题是因为webpack.config.js中没有配置vue-loader。所以在webpack.config.js文件加上const path = require('path')module.exports = {entry: path.join(__dirname, 'src/index.js'),o...

#webpack
Duplicate keys detected: '8'. This may cause an update error. 错误

这个错误是我使用vue-cli项目时出现的错误,看错误的的报告中关键字’keys’,联系错误的时机,可以知道这个错误出现在我使用vue的循环中,循环再vue或者小程序中饭为了保证每一项的独立性,都会推荐使用key,所以综上所述,很可能是key出现问题,现在查找关于key的代码,果然:很显然后几个的index重复了,所以修改index后,就不再出现此问题了。...

#webpack
到底了