prop是可以在组件注册上的一些自定义特性,当一个值传递给prop特性的时候,它就变成了一个组件实例的属性。
eg:子组件中写法
export default{
props: ['rows']
}
<el-table
:data="rows"
style="width: 100%;"
:show-header="false"
:border="false">
<el-table-column
prop="name"
label="项目名"
width="120"
align="center">
</el-table-column>
<el-table-column
prop="content"
label="内容"
align="left">
</el-table-column>
</el-table>
父组件中引用子组件方法:
import InfoCompareCheckTable from './InfoCompareCheckTable.vue'
注册:
components: {ElRow, ElCol, ElButtonGroup, ElButton, InfoBaseTable, InfoAdviceTable,
InfoCheckTable,InfoCompareBaseTable,InfoCompareAdviceTable,InfoCompareCheckTable},
通过自定义的prop属性传值:
<info-base-table style="overflow: hidden;" :rows="emrType.rows"></info-base-table>