<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作用
时间: 2024-04-27 14:24:59 浏览: 6
在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`属性,从而显示姓名的数据。
相关问题
<el-table-column prop=qymc label=企业名称></el-table-column>怎么给qymc赋值
您可以使用 Vue.js 框架中的数据绑定语法将 qymc 的值绑定在您的数据中,如下所示:
```html
<template>
<div>
<el-table :data="tableData">
<el-table-column prop="qymc" label="企业名称"></el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{
qymc: 'ABC公司'
},
{
qymc: 'XYZ公司'
}
]
};
}
};
</script>
```
在上面的例子中,我们将 `tableData` 数组中的每个对象的 `qymc` 属性绑定到了 `el-table-column` 组件中的 `prop` 属性,这样就可以在表格中显示出企业名称的值了。
<el-table-column prop="qymc" label="企业名称"></el-table-column>怎么给qymc赋值
这段代码是 Vue.js 中使用的表格组件(element-ui),其中 `prop` 属性指定了表格数据源中对应的字段名为 `qymc`,`label` 属性指定了表格列的标题为“企业名称”。
如果你要给 `qymc` 赋值,需要先在 Vue.js 组件中定义一个数据源(通常是一个数组),然后将该数据源传递给表格组件的 `data` 属性。例如:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="qymc" label="企业名称"></el-table-column>
<!-- 其他列 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ qymc: '公司A', /* 其他字段 */ },
{ qymc: '公司B', /* 其他字段 */ },
{ qymc: '公司C', /* 其他字段 */ },
// ...
]
}
}
}
</script>
```
在这个例子中,`tableData` 是一个包含多个对象的数组,每个对象代表一行数据,其中包含一个 `qymc` 字段。
如此一来,`qymc` 字段就被赋值为数组中对应对象的 `qymc` 属性值。如果你要动态改变表格数据,只需要修改 `tableData` 数组的值即可。