一.ElementUI 将table多选框改为单选框 <el-table :data="tableData" @selection-change="handleSelectionChange" @select="radioHandle" height="250" highlight-current-row style="width: 100%" ref="tb" > // 多选变单选 handleSelectionChange(val) { if (val.length > 1) { this.$refs.tb.clearSe...
-- 单选方法,返回选中的表格行 --><el-table-columnalign="center"label="选择"width="75"><!-- // 添加一个多选框,控制选中与否 --><!-- 单选的也可以用单选框,这样效果更明显,选择之后不能取消 --><templateslot-scope="scope"><div><el-radiov-model="checked":label="scope.$index"@change=...
export default defineComponent({ components: { }, setup(props, context) { const { proxy } = getCurrentInstance(); const accountRef = ref(null) const data = reactive({ list: [], selectTable: [], }); //表格单选 const handleTableChange = (list, row) => { if (list.length === 0) ...
// 单选框选中数据 handleSelectionChange(selection) { this.checkedGh = selection[0].gh; if (selection.length > 1) { this.$refs.tb.clearSelection(); this.$refs.tb.toggleRowSelection(selection.pop()); } }, 1. 2. 3. 4. 5. 6. ...
ElementUI中的el-table实现多选框不勾选的提示 场景 ElementUI中的el-table怎样实现多选与单选: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107769640 在上面实现多选和单选的基础上,实现如果不勾选就点击某按钮时给予提示。 注: 博客:...
首先在页面上添加多选或者单选框 1. <el-table v-loading="loading" :data="ddjlList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="id" align="center" prop="id" v-if="false" /> ...
需求是使用el-table的多选功能,然后不想要多选改成单选。 代码 <template><divclass="contentBox"v-loading="loading"><el-table:data="list"ref="accountRef"@select="handleTableChange"><el-table-columntype="selection"width="45"></el-table-column><el-table-columnwidth="100"prop="name"></el-tab...
3.列表单选框事件 <el-table:data="list"style="width: 100%"><el-table-columnlabel="选择"width="75"><templateslot-scope="scope"><el-radio:label="scope.row"v-model="classRadio"@change.native="getRadio(scope.$index,scope.row)"> </el-radio></template></el-table-column><el-table>//...
//单选框选中数据handleSelectionChange(selection) {this.checkedGh = selection[0].gh;if(selection.length >1) {this.$refs.tb.clearSelection();this.$refs.tb.toggleRowSelection(selection.pop()); } }, 此方法的实现逻辑就是,通过设置的ref属性和 this.$refs.tb来获取这个table, ...