VUE动态切换Button的icon

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’
}
}