this.$refs
给组件加 ref打印结果 this.$refs.comp 是 vue 组件,this.$refs.span 打印出来的是 html 节点,这也是 ref 用在组件和 html 原生标签上的区别。可以通过 $refs 得到组件,进而调用组件的变量和方法,如 this.$refs.comp.value 拿到了组件内部变量 value 值。所以可以通过 ref 操纵组件上的内容(推荐用 props ..
·
给组件加 ref
打印结果 this.$refs.comp
是 vue 组件,this.$refs.span
打印出来的是 html
节点,这也是 ref
用在组件和 html
原生标签上的区别。
可以通过 $refs
得到组件,进而调用组件的变量和方法,如 this.$refs.comp.value
拿到了组件内部变量 value
值。所以可以通过 ref
操纵组件上的内容(推荐用 props
操纵),除非特殊情况。
mounted () {
console.log(this.$refs.comp, this.$refs.span, this.$refs.comp.value)
},
template: `
<div>
<comp-one ref="comp">
<span slot-scope="props" ref="span">{{props.value}} {{props.aaa}} {{value}}</span>
</comp-one>
</div>
`
更多推荐
已为社区贡献8条内容
所有评论(0)