VUE动态切换Button的icon

vue中的组件属性动态赋值可以通过v-bind:属性值 来实现属性值的动态绑定,例如常用的icon上下变动
更多
初始值的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)