表格内的code转化为中文字符常用的几种方法:
如下图所示
我要把表格的最后一列英文转为中文字符,转化规则为
codeItems: [
{ id: 1, code: 'share', content: '分享' },
{ id: 2, code: 'ask', content: '询问' },
], // 数据字典
方法1:像这种要转的类型比较少的,可以用枚举的方法,把所有情况都列出来,这里只有两种,如下:
// 插槽
scopedSlots() {
return {
tab: val => {
switch (val) {
case 'ask':
return [<span>询问</span>];
case 'share':
return [<span>分享</span>];
default:
return [<span>{val}</span>];
}
},
};
},
效果图如下:
如果转换的规则比较多的话,则推荐下面这种写法,会用到一个数组方法find,find方法会根据条件找到满足条件的数组的项,如果没找到会返回false,如下:
scopedSlots() {
return {
tab: val => {
return this.codeItems.find(x => x.code === val) ? (
<span>{this.codeItems.find(x => x.code === val)?.content}</span>
) : (
<span>{val}</span>
);
},
};
},
这样的话就不用一个个去枚举出了。