vue中的組件屬性動態賦值可以通過v-bind:屬性值 來實現屬性值的動態綁定，例如常用的icon上下變動
<el-button v-bind:icon=“iconData” style=“border:none;” @click=“changeIcon” >更多
初始值的iconData可以設置成 iconData: ‘el-icon-arrow-down’,
然后在changeIcon點擊事件中實現動態綁定iconData的值，來實現icon的切換
例如：
changeIcon(){
if(this.iconData == ‘el-icon-arrow-down’){
this.iconData = ‘el-icon-arrow-up’
}else{
this.iconData = ‘el-icon-arrow-down’
}
}

總結

以上是生活随笔為你收集整理的VUE动态切换Button的icon的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。