vue表格之@row-click="handleSelect" 与setCurrentRow

本文转载自查看原文 2019-09-09 09:51 1968 前端相关

作用：表格行点击触发的事件

注意与@change、@selection-change事件的区分

<el-table ref="RoomTable" @row-click="handleSelect"></el-table>　　　　//点击表格某一行，触发handleSelect事件

作用：设置表格指定行数据，或者数据刷新后，重置表格行数据

this.$refs.RoomTable.setCurrentRow(this.BreakfastRoomInfo[index])　　 //设置（重置）某行数据

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 elementUI 中，table表格如何实现当某一行被点击时会触发该事件（row-click） element-ui ：按钮点击操作阻止@row-click ElementUi 中按钮点击操作阻止@row-click点击 Vue 中 @click.native.prevent； slot-scope="scope" （scope.$index, scope.row） Vue组件库elementUI 在el-row 或 el-col 上使用@click无效失效, Vue Steps 步骤条 click click Bootstrap Table 选中当前行 click-row.bs.table 和 onClickRow ，支持单选，多选 C# DataGridView 表格行(Row) 上下移动 vue 中 @click.native.prevent 事件