vue
安之若素^
这个作者很懒,什么都没留下…
展开
-
Vue父子组件传值
今天遇到个这样的问题,也是自己对vue的概念理解不深导致的,记录下。两个组件,父级组件通过Axios请求获取数据,使用v-bind方式传值给子组件,注意异步请求获取到的数据为Object类型,第一次点开页面,数据是能正常获取并在子组件展示,但是不刷新页面,再次进入子组件时,数据就无法展示了。通过debugger发现,其实数据还是获取了,只是因为在子组件上并没有更新到。有这么两种方式可以解决:1.使用v-if控制子组件,等异步请求执行完,再构建子组件展示2.在子组件中使用watch监听传过来的原创 2020-09-29 14:40:09 · 99 阅读 · 1 评论 -
Vue.$nextTick()回调函数
今天在项目里遇到一个问题,大概场景是在el-drwawer抽屉控件里面引入一个子组件,通过点击事件,控制抽屉显示与否并调用子组件的方法获取数据。但是使用提示子组件方法Undefined异常,通过调试发现,this.$refs.子组件实例.子组件方法,子组件实例一直undefined,原因就是由于抽屉在设置visible暂未渲染完成,因此获取不到子组件实例。解决方式有两种,代码如下var _this = this; this.part = row; this.drawer = true;原创 2020-08-05 18:06:49 · 953 阅读 · 0 评论 -
VUE的钩子函数created和watch监测执行问题
1.关于create函数和watch执行顺序问题,一般在watch里面写上immediate:true,会使得执行优先级高于created,这种情况导致的结果是父级组件无法监测到正确的值,2.watch对于普通类型的变量监听没什么好说的,但是对于对象型的,是不支持直接进行监测的3.不推荐直接在created函数中使用watch...原创 2020-06-24 09:36:11 · 2596 阅读 · 0 评论