设置el-table的selection只能单选

最新推荐文章于 2024-03-19 14:08:59 发布

007。

最新推荐文章于 2024-03-19 14:08:59 发布

阅读量1.3k

点赞数

文章标签： vue.js javascript 前端 elementui html

本文链接：https://blog.csdn.net/qq_45838276/article/details/134136745

版权

      <el-table-column
        type="selection"
        width="55"
      >
        <template slot-scope="scope">
          <el-checkbox
            v-model="scope.row.selected"
            :disabled="isDisabled(scope.row)"
            @change="handleSelectionChange(scope.row)"
          />
        </template>
      </el-table-column>

   data() {
    return {
      selectedRow: null
     }
   },

    isDisabled(row) {
      return this.selectedRow && !row.selected
    },
    handleSelectionChange(rows) {
      this.selectedRow = rows.selected ? rows : null
    },