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)