$refs获取DOM元素
Vue中,使用$refs
属性可以获取DOM
元素。
注意:需要在DOM
元素中挂载ref
属性后才能使用
//html
<p id="app" ref = "myp" @click = "oks">ok</p> //在 DOM中,需要设置 ref属性
//js
let vm = new Vue({
el: "#app",
data: {},
methods:{
oks(){
console.log(this.$refs.myp.innerText) // "ok"
}
}
})
使用ref引用组件
在组件中,也可以设置ref
来获取当前组件,并访问组件内部的值和方法。
注意:此方法很方便,但是不建议在VUE
中操作 DOM
。(慎用)