vue獲取DOM元素並設置屬性


這里我想到了2個方法:

方法一:

直接給相應的元素加id,然后再document.getElementById("id");獲取,然后設置相應屬性或樣式;

方法二:

使用ref,給相應的元素加ref=“name” 然后再this.$refs.name獲取到該元素,並且可以直接調用子組件中定義的方法;

 

注意:

1、在獲取相應元素之前,必須在mounted生命周期進行掛載,否則獲取到的值為空;

2、如果是給子組件加id並修改自定義屬性,則直接會加載該子組件對應的外層div上,並不會改變該子組件原本的自定義屬性的值;

3、如果給子組件加ref,然后獲取到該DOM元素之后改變相應的自定義屬性的值,vue會報錯:

 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "title"

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM