el-table-column的type属性不能动态变化吗?

image.png第一列想动态改变为index或者selection,但是不生效

阅读 2.7k
1 个回答

不可以的,elementUi type属性是静态属性,无法直接用于动态变化
想要动态的话可以考虑:
1 使用 v-if/v-else 控制显示不同类型的列
2 根据需要动态生成 el-table-column 组件,然后将其渲染到 el-table 中。

和享受式没关系哈 是和每个column的key有关系,如果你一定想这么写的话,改变type的同时需要给它更换一个唯一的key来帮助他更新,例如:

 <el-table
    ref="singleTable"
    :data="tableData"
    highlight-current-row
    @current-change="handleCurrentChange"
    style="width: 100%">
    <el-table-column
      :type="type"
      :key="ind"               
      width="50">
    </el-table-column>
    <el-table-column
      property="date"
      label="日期"
      width="120">
    </el-table-column>
  </el-table>

js:

 changType(row) {
        this.ind++;
        this.type = 'index'
      },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏