vue watch this.$refs
时间: 2023-12-19 09:31:15 浏览: 99
vue中的ref和$refs的使用
5星 · 资源好评率100%
根据提供的引用内容,这段代码是一个Vue组件中的watch监听器,用于监听父组件传递给子组件的visible属性的变化。当visible属性发生变化时,会触发watch监听器中的回调函数,将visible属性的值赋给visible2属性,并调用init()方法。在init()方法中,使用$nextTick()方法获取组件中的$refs属性,根据type属性的不同,分别调用graphNode和graphLink组件中的init()方法。
因此,这段代码的作用是在Vue组件中监听visible属性的变化,并在visible属性发生变化时,根据type属性的不同调用不同组件中的init()方法。
代码示例:
```javascript
watch: {
visible(i1, i2) {
this.visible2 = i1
if (i1) {
this.init()
}
},
},
methods: {
init() {
this.$nextTick(() => {
console.log(this.$refs) // 输出组件中的$refs属性
})
}
}
```
阅读全文