vue获取原生html节点,vue是如何获取元素节点 ？

document.getelement之类的语句来操作dom;

api，用 ref 来获取节点；

首先先用ref在元素上面做一个标记，然后用this.$refs.标记名来获取元素

代码：

document

{{ message }}

new Vue({

el: '#app',

data() {

return {

message: 'hello 肾虚少年'

}

},

mounted() {

alert(this.$refs.pTag.innerHTML)

}

})

vue2.0 对比 vue10 获取元素：

vue1.0 ：版本中

在标签中加上el=’dom’，然后在代码中this.$els.dom这样就拿到了页面元素

例如：

你好

让你好的颜色显示为红色：this.$els.my-box.style.color = ‘red’

vue2.0：版本中

在标签中加上 ref=’dom’，然后在代码中this.$refs.dom这样就拿到了页面元素

例如：

你好

让你好的颜色显示为红色：this.$refs.myBox.style.color = ‘red

AD：【快收录网】免费收录