VUE3如何在elementplus中动态绑定el-icon
时间: 2023-09-24 20:03:08 浏览: 204
vue2+el-menu实现路由跳转及当前项的设置方法实例
在Vue 3中,要动态绑定elementplus中的el-icon,可以使用v-bind指令。具体实现步骤如下:
1. 在template中使用el-icon组件,例如:
```
<el-icon :class="iconClass"></el-icon>
```
2. 在script中定义一个变量来保存icon的class,例如:
```
export default {
data() {
return {
iconClass: 'el-icon-loading'
}
}
}
```
3. 在需要动态改变icon的地方,修改iconClass变量的值即可,例如:
```
this.iconClass = 'el-icon-success'
```
这样就可以动态绑定elementplus中的el-icon了。
阅读全文