国内做网站多少钱,商品展示软件,番禺网站优化,可视化app开发工具说明#xff1a;该篇博客是博主一字一码编写的#xff0c;实属不易#xff0c;请尊重原创#xff0c;谢谢大家#xff01;
问题描述
在默认中文时#xff0c;点击布局大小下拉菜单正常显示中文#xff0c;此时切换至英文时#xff0c;再次点击下拉菜单#xff0c;还…说明该篇博客是博主一字一码编写的实属不易请尊重原创谢谢大家
问题描述
在默认中文时点击布局大小下拉菜单正常显示中文此时切换至英文时再次点击下拉菜单还是中文
解决方法
原始代码
templateel-dropdown triggerclick commandhandleSetSizedivsvg-icon class-namesize-icon icon-classsize //divel-dropdown-menu slotdropdownel-dropdown-item v-foritem of sizeOptions :keyitem.value :disabledsizeitem.value :commanditem.value{{ item.label }}/el-dropdown-item/el-dropdown-menu/el-dropdown
/templatescript
export default {data() {return {sizeOptions: [{ label: this.$t(sizeSelect.default), value: default },{ label: this.$t(sizeSelect.medium), value: medium },{ label: this.$t(sizeSelect.small), value: small },{ label: this.$t(sizeSelect.mini), value: mini }]}}
}修改代码
很简单通用的处理就是转换下思路在模板中使用$t即可
templateel-dropdown triggerclick commandhandleSetSizedivsvg-icon class-namesize-icon icon-classsize //divel-dropdown-menu slotdropdownel-dropdown-item v-foritem of sizeOptions :keyitem.value :disabledsizeitem.value :commanditem.value{{ $t(item.label) }}/el-dropdown-item/el-dropdown-menu/el-dropdown
/templatescript
export default {data() {return {// label这样写法可以解决切换中英文时下拉列表不能刷新的情况sizeOptions: [{ label: sizeSelect.default, value: default },{ label: sizeSelect.medium, value: medium },{ label: sizeSelect.small, value: small },{ label: sizeSelect.mini, value: mini }]}}
}最终效果
