vue 通过点击行数据，选中当行checkbox

最新推荐文章于 2024-07-23 20:27:20 发布

Marttin2

最新推荐文章于 2024-07-23 20:27:20 发布

阅读量1.9k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_39822451/article/details/107405469

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

      <el-table
        @row-click="clickRow"
        :data="tableData"
        border
        ref="yourTable"
        max-height="300"
        style="width: 100%;margin-top: 20px;"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column type="index" fixed label="序1号" width="80"></el-table-column>
        <el-table-column prop="mateName" fixed label="名称" width="150"></el-table-column>
        <el-table-column prop="remarks" label="说明" width="180"></el-table-column>
      </el-table>
	  
   methods: {
		clickRow(row) {
		  this.$refs.yourTable.toggleRowSelection(row);
		},
	}