el-table-column 里的prop根据name获取到值为hierarchy，如何进行拼接为hierarchy_1

如果你想在 el-table-column 的 prop 中拼接一个数字 1，可以使用字符串拼接的方式。例如，如果 prop 的值为 'hierarchy'，你可以这样写：

<el-table-column
  prop="hierarchy"
  :label="'Hierarchy ' + index"
/>

其中，index 是一个变量，表示当前列的索引。这样，就可以在表头中显示 "Hierarchy 1"、"Hierarchy 2" 等。

如果你想在 el-table-column 的 prop 中拼接一个数字 1，可以使用字符串模板的方式。例如，如果 prop 的值为 'hierarchy'，你可以这样写：

<el-table-column
  :prop="`hierarchy_${index}`"
  :label="'Hierarchy ' + index"
/>

其中，反引号 \` 表示字符串模板，${index} 表示将 index 变量插入到字符串中。这样，就可以动态地生成 'hierarchy_1'、'hierarchy_2' 等属性。

相关问题

el-table-column 里的prop根据name获取到值为hierarchy，如何进行拼接为hierarchy代理

假设你已经有了一个变量`propName`，其值为`hierarchy`，那么可以使用字符串拼接的方式将其拼接为`hierarchy代理`，代码如下：

const propName = 'hierarchy';
const propValue = `${propName}代理`;
console.log(propValue); // 输出结果为"hierarchy代理"

在el-table-column组件中，可以这样使用：

<el-table-column
  :prop="`${propName}代理`"
  ...
></el-table-column>

这样，`prop`的值就会被设置为`hierarchy代理`。

<el-table-column prop="pid" label="病历号" align="center"> </el-table-column> <el-table-column prop="real_name" label="姓名" align="center" ></el-table-column> <el-table-column proprop作用

在Vue.js中，`prop`作用是定义组件的props，它可以用来传递组件的属性或数据。在上面的代码中，`prop`用来定义`el-table-column`组件的一个属性，用于显示病历号和姓名的数据。在`el-table-column`组件中，`prop`属性的值会与`el-table`组件中绑定的数据的属性名进行匹配，从而显示对应的数据。例如，`prop="pid"`表示匹配`el-table`中的数据对象中的`pid`属性，从而显示病历号的数据。类似地，`prop="real_name"`表示匹配`el-table`中的数据对象中的`real_name`属性，从而显示姓名的数据。