业务需求:将数据库数字信息替换为设置的类容展示
status: [
{ status_name: '否', value: 1 },
{ status_name: '是', value: 2 },
],
将status_name写入list中并赋值给Modified,
computed: {
// 把status_name写入list
Modified() {
const list = this.list.map((item) => {
const status = this.status.filter((item2) => item2.value === item.status);
item.status_name = status[0]?.status_name;
return item;
});
return list;
},
},
注意:
“在vue中computed是计算属性,主要作用是把数据存储到内存中,减少不必要的请求,还可以利用computed给子组件的data赋值。”
此时表格循环的data值应该改为Modified