1. 程式人生 > >vue1和vue2獲取dom元素的方法

vue1和vue2獲取dom元素的方法

log col 方法 art nbsp tps ref class refs

vue1.*版本中

在標簽中加上el=‘dom‘,然後在代碼中this.$els.dom這樣就拿到了頁面元素

例如:<div class=‘box‘ v-el: myBox>你好</div>

讓你好的顏色顯示為紅色:this.$els.my-box.style.color = ‘red‘

vue2.*版本中

在標簽中加上ref=‘dom‘,然後在代碼中this.$refs.dom這樣就拿到了頁面元素

例如:<div class=‘box‘ ref=‘myBox‘>你好</div>

讓你好的顏色顯示為紅色:this.$refs.myBox.style.color = ‘red

出處: https://blog.csdn.net/mengyunxiu121415/article/details/77334303

vue1和vue2獲取dom元素的方法