某些時候會希望動態改變css的樣式高度、寬度、顏色…等等的
在vue中可以宣告一個ref變數(composition API),然後把搭丟到vue檔案中的
1 | setup(){ |
傳到 <style>
1 | <div class="md-size"></div> //在這裏class不需要v-bind |
以傳值的方式丟到inline
搭配v-bind 也就是縮寫 “:”
把mdSize放進去style
1 | <button :style="{ height: mdSize }" > 按鈕名稱 </button> |
--- 到底拉 The End ---