vue動態設置組件樣式


vue3.0中,動態設置組件樣式:
在父組件中動態設置子組件(自定義組件)樣式?
1.通過props設置v-bind:style 來實現,不具體些了,這個很簡單,但是如果是改變某個class里的某一個樣式呢?並且這個class也是個動態綁定的,這種方法就不適用了。
另外,props接受到的屬性,無法直接傳入vue里的style部分,vue3.0的語法是v-bind()直接用,只能是data里定義的,不能是props傳入的。
2.給頂層容器ref值
通過在mounted函數中this.$refs.值.style.setProperty("--mystyle",props),直接給這個--mystyle變量設置值
在style部分直接使用var(--mystyle)


免責聲明!

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



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