el-table相关问题

代码;

  <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 应该是一个数组,数组中的每个元素代表表格的一行。每个元素可以是一个对象,对象的属性对应表格的列。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值