vue如何获取某个元素节点 vue中获取元素

文章摘要：vue如何获取某个元素节点 vue中获取元素

在vue中获取元素节点的方法：1.新建vue.js项目；2.使用this.$refs.方法标记元素；3.执行代 […]

在vue中获取元素节点的方法：1.新建vue.js项目；2.使用this.$refs.方法标记元素；3.执行代码获取元素节点；

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用this.$refs.方法标记需要获取的元素；

<div id="app">

<span ref='pTag'>{{ message }}</span>

</div>

3.最后，元素标记好后，在项目中执行以下代码即可获取元素的节点：

new Vue({

el: '#app',

data() {

return {

message:''

}

},

mounted() {

alert(this.$refs.pTag.innerHTML)

}

})