![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE2.JS
文章平均质量分 54
Rised
这个作者很懒,什么都没留下…
展开
-
vue2中自定义指令传参和不传参的使用
以下是效果,因为我这里使用了v-if的让其动态显示就是为了查看bind和unbind的效果,此时ss指令还没有,所已没有效果。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。以下是我的自定义指令的代码,有两个。bind:只调用一次,指令第一次绑定到元素时调用。在这里我只用到了自定义指令中的bind,insert和unbind。这是不带参数的代码,就修改了两处,一处使自定义指令处的代码。这是使用自定义指令的vue文件 注意这里使用了参数。元素消失,指令自然也就不存在了。原创 2023-01-07 15:17:05 · 1500 阅读 · 1 评论 -
使用this.$nextTick()获取不到数据更新后的this.$refs.xxx.
只能用setitmeout是因为数据在在下个Event Loop中也出不来,这是因为v-if中的条件在下次事件循环中也不一定能够满足。今天遇到了这样一个场景,在数据更新之后,使用this.$nextTick(()=>{console.log(this.$refs.xxx)}) 获取不到改dom,但是用setTimeout能够获取到,在此记录一下。也就是说在下个事件循环中没有满足v-if中的条件,所以没有获取到数据。在vue 中的devtools中 可以获取到。在vue中的devtools中也有,原创 2022-12-25 18:39:46 · 2650 阅读 · 1 评论