Vue中的ref属性

总结:

ref属性

1.被用来给元素子组件注册引用信息(id的替代者)

2.应用在html标签上获取的是真实DOM元素应用在组件标签上是组件实例对象(VC)

3.使用方式:

        打标识:html元素:<h1  ref="xxx">....</h1>    或者   组件标签:<School ref='xxx'></School>

        获取:this.$refs.xxx

给哪个标签设置ref标记这个组件的实例对象VC(this.$refs)就帮你收集被标记的标签。 

分析:this.$refs(this是指VC:上面代码中是App.vue组件的VC)收集被标记的标签。如果是组件标签比如:<School ref='sch'/> 则得到的是它对应的VC(School.vue组件中的VC).

获取this.$refs.xxx:

 

猜你喜欢

转载自blog.csdn.net/weixin_47075145/article/details/127253520