vue.js怎么获取dom元素？下面本篇文章给大家介绍一下vue.js获取dom元素的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
使用Vue.js获取dom元素
标签中添加ref属性，相当于id
在Vue中通过 $refs.ref的属性名 获取或者设置dom元素
<div id="demo">
<button @click="fn">点击这里</button>
<div ref="box" style="width:200px;height:300px">西南交大</div>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
new Vue({
el: "#demo",
data: {
<span style="color:transparent">来源gaodai#ma#com搞*!代#%^码网</span>
},
methods: {
fn:function(){
console.log(this.$refs.box);
console.log(this.$refs.box.innerText);
console.log(this.$refs.box.style.width);
this.$refs.box.style.backgroundColor="red"
}
}
})
</script>
更多web前端开发知识，请查阅 搞代码网 ！！
以上就是vue.js怎么获取dom元素？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js怎么获取dom元素？
转载请注明原文链接：vue.js怎么获取dom元素？
