element plus更新svg图标后,我通过如下方案适配现有项目中的icon font(毕竟没有办法要求项目升级icon方案)。
<el-button :icon='CustomizedIcon ' />
const CustomizedIcon = (props: any) => {
return h(`i`, {
class: 'xxx_icon' 项目中自定义的icon
})
}
setup() {
return {
CustomizedIcon :markRaw(CustomizedIcon )
}
}
现在又有问题了,如果说我需要数据驱动button切换icon,我要怎么做呢。
尝试1没有效果:
<el-button :icon='dropButtonIcon '/>
setup() {
const currentIcon = ret('icon1');
iconMap={
icon1: CustomizedIcon1,
icon2: CustomizedIcon2
};
const dropButtonIcon = computed(() => iconMap[currentIcon.value]);
// const someEvent = () => {
currentIcon.value = 'icon2';
}
return {
dropButtonIcon,
someEvent
}
}
尝试2也没有效果:
<el-button :icon='currentIcon==="icon1"? CustomizedIcon1:CustomizedIcon2'/>
setUp() {
return {
CustomizedIcon1,
CustomizedIcon2,
currentIcon
}
}
我应该怎么做呢