代码;
<el-table
:max-height="tableHeight"
ref="table"
border
v-loading="loading"
:data="dataSource"
@selection-change="onSelectChange"
>
ref
ref
是Vue的一个特殊属性,用于给元素或子组件注册引用信息。引用信息将会在组件的 $refs
对象上注册。如果在普通的DOM元素上使用,引用指向的就是DOM元素;如果用在子组件上,引用就指向组件实例。
在 <el-table>
组件上使用 ref
,意味着你可以通过 this.$refs.table
访问这个表格组件的实例,进而调用它可能提供的方法或访问它的属性。例如,你可以使用 this.$refs.table.clearSelection()
来清除表格中的所有选中行。
:data
data
是 <el-table>
组件的一个prop,它用于绑定表格的数据源。这里的 :data
是Vue的动态属性绑定语法,它告诉Vue将 dataSource
这个data属性作为数据源传递给 <el-table>
组件。
dataSource
应该是一个数组,数组中的每个元素代表表格的一行。每个元素可以是一个对象,对象的属性对应表格的列。