VUE— el-table-column 显示的数据为多个

最近遇到一个问题，有个需求是在原有的table显示里加上一个内容。比如原本的key：name，仅仅以姓名显示，现在要变成姓名（账号）的显示，然而无法乎哟渠道返回的数据（对项目不熟悉，但是看了传值都是正常的，就单获取一个数据获取不到，可能是我写错了），测试那边催着，我就换了一个方式，把原本el-table-column引数据的地方把姓名那一列删掉了，在vue在组件里直接加上一个el-table-

Dhun-LI

3819人浏览 · 2021-12-14 14:15:12

Dhun-LI · 2021-12-14 14:15:12 发布

最近遇到一个问题，有个需求是在原有的table显示里加上一个内容。比如原本的key：name，仅仅以姓名显示，现在要变成姓名（账号）的显示，然而无法乎哟渠道返回的数据（对项目不熟悉，但是看了传值都是正常的，就单获取一个数据获取不到，可能是我写错了），测试那边催着，我就换了一个方式，把原本 el-table-column引数据的地方把姓名那一列删掉了，在vue在组件里直接加上一个 el-table-column进行吧显示，类似下面代码那样。

<el-table :data="projNameOrCodeMenuList">
  <el-table-column  prop="projectName,projectCode" label="操作人"  width="300">
    <template slot-scope="scope"> {{scope.row.name}}{{scope.row.inpass}} </template>
  </el-table-column>
</el-table>

不过多解释了，因为来回切换项目太麻烦了，而且这次主要是转载的，附上链接ElementUI中 el-table-column 显示的数据为多个返回数据的拼接 - 公瑾当年 - 博客园

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^