在Vue 3中使用Element Plus的el-table组件实现点击一行控制另一行高亮的功能,你可以按照以下步骤进行: 在el-table中添加点击事件监听: 使用@row-click事件监听每一行的点击事件。 在点击事件处理函数中获取当前点击行的数据: 通过事件参数获取当前点击行的数据。 根据当前点击行的数据,确定需要高亮的另一行: 这通常涉...
<el-table @row-click="openDetails"> </el-table> //对应的 methods 中 //点击行事件 methods: { openDetails (row) { this.$router.push("/home/index/"+row.userId); }, } ——— 版权声明:本文为CSDN博主「zuo_zuo_blog」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声...
AI代码解释 <template #myAction="props"><a @click="onLookRow(props)">查看 传递的参数包括很多属性。 行按钮点击响应方法里对当前行属性(包括当前单元格、当前行、当前列、jvxetable和vxetable实例)的处理 代码语言:javascript 代码运行次数:0 运行 AI代码解释 functiononLookRow(props){createMessage.success('...
<el-table-column label="项目名称" prop="projectName" :show-overflow-tooltip="true"> <template #default="scope"> <div @click="handleClick(scope.$index)">{{ scope.row.projectName }}</div> </template> </el-table-column> <el-table-column label="开标时间" width="150px" prop="startTi...
1. 创建组件文件在 src/components 目录下创建一个 ShiftSelectTable.vue 文件,并添加以下内容:<template><el-table:data="tableData"@selection-change="handleSelectionChange"@row-click="handleRowClick"ref="tableRef"borderstyle="width: 100%"><el-table-columntype="selection"width="55"></el-table-...
function onClickRow(val: any) { const obj = { ...val.record, highlighted: val.highlighted }; emit('choose', obj); emit('addAlarm', obj); } function deselectRow() { tableRef.value.deselectRow(); } function getData() { tableRef.value?.reload(); ...
value = record[0]; }); }; /** * @func rowClick * @description '点击行' * @param record '行记录' */ const rowClick = (record) => { return { class: selectedKeys.value.includes(record.fulfillment_code) ? 'ant-table-row-selected' : '', onClick: () => { curRow.value = ...
<el-table :data="tableData" row-class-name="highlight-row"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteRow(scope.row)">删除</el-button> ...
这个是table 这个是table 这个是table,看起来像tree,实际是table,在不需要多选的情况下,用table操作起来更方便一些。 自己封装了一下,实际操作还是 ant的功能。 <BasicTable@register="register"><template#toolbar><a-buttontype="primary"@click="expandAll">展开</a-button><a-button@click="collapseAll">折叠...