在这里什么条件用上ref
来源:4-1 使用组件的细节点
qq_蓝骏毅_04076633
2020-10-30
在定义<counter ref=“one” @change=“handleChange”>
<counter ref=“two” @change=“handleChange”>
{{total}}
那这边什么时候定义的
Vue.component(‘counter’,{
template:'<div @click="handleClick">{{number}}</div>',
data:function(){
return {
number:0
}
},
methods:{
handleClick:function(){
this.number ++
this.$emit('change')
}
},
})
这里先创建一个Vue vm = new Vue({
el:’#root’,,
之后统计this.total = this.refs.one.number+this.refs.one.number + this.refs.one.number+this.refs.two.number
})
写回答
2回答
-
Dell
2020-10-31
如果你必须要用到组件上的属性,或者dom节点,那这个时候要用ref
00 -
Samrtiboy
2020-10-30
同学你好,ref属性被用来给DOM元素或子组件注册引用信息,只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册,注册之后可以通过this.$refs再跟注册时的名称来引用DOM元素。
00
相似问题