使用Vue.js获取dom元素
Posted 宅到深夜
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用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: { }, 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>
以上是关于使用Vue.js获取dom元素的主要内容,如果未能解决你的问题,请参考以下文章