Vue.js
Element 筛选
粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利
最近在写项目的时候遇到一个功能要求，就是列表的筛选展示，代码如下
遇到的问题就是如何把列表头名称改为中文，
6 回复
可以新建一个 formTheadLabel 对象， 存储一下就好了：
data() {
return {
...
formTheadLabel: {
app: "苹果",
banana: "香蕉"
}
}
}
轮询的时候， label 用 fromTheadLabel 表示就好了
<el-table-column v-for="fruit in formThead" :key="fruit" :label="fromTheadLabel[fruit]">
这样的一列 咋个操作呢？
其实吧， 你可以再多个排序的配置，但是这样维护成本就高了。 建议维护下 head属性。大致如下：
data() {
return {
...
formThead: [
{
code: "app",
label: "苹果",
sort: false,
},
{
code: "banana",
label: "香蕉",
sort: false,
},
{
code: "submitTime",
label: "提交时间",
sort: true,
}
]
}
}
这样轮询的时候改下：
<el-table-column
v-for="fruit in formThead"
:key="fruit.code"
:prop="fruit.code"
:label="fruit.label"
:sortable="fruit.sort"
>
