18910140161

element ui table 显示问题?

顺晟科技

2022-09-16 07:21:41

99

[
{
    "typeCode": 10,
    "typeName": "表端后付费-无线表",
    "meterSet": "{\"STANDARD\":\"IG4S\",\"CARDMAX\":\"1000\",\"WARN\":5,\"OVER\":0,\"TEST\":0,\"LIMIT\":3000,\"CLOSEWARN\":\"否\",\"NUMORAMOUNT\":\"按气量\",\"LADDER\":\"系统计算\",\"IP\":\"106.15.228.106\",\"PORT\":\"8802\",\"CONTYPE\":\"GPRS\"}",
    "meterSetDictionary": {
        "NUMORAMOUNT": [
            "按气量",
            "按金额"
        ],
        "LADDER": [
            "系统计算",
            "表端计算"
        ]
    }
}
 ]

上面是返回的后端格式内容

需求是在table 展示 参数 展示key 值展示左边key 存在的内容 而且是下拉显示想展示这样的效果内容 希望有大神们能帮忙数据处理一下 怎么作区分 参数显示key 值显示 数组的下拉内容

image.png

欸,虽然但是,还是给你写了一个例子,将就着看吧。CodePen Demo

稍微组装一下接口返回的数据就好了,然后就是对于 el-table 的运用。具体可以看官方文档的自定义列模板这一块内容。

如果需要编辑则需要把 computed 计算的部分单独写成一个方法,获取到表格数据之后赋值给 data,然后用 v-model 绑定到 row 上面对应的属性就行了。

另外可以学习一下如何使用 markdown 格式来提问,已经帮你编辑问题格式了一会应该审核完成后大家就可以更好的阅读了。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航