element- plus table勾选框顶部勾选框更改成文字,且实现单选操作

element- plus table勾选框顶部勾选框更改成文字,且实现单选操作_第1张图片

 

 
          
          
          
        
// 复选框标题更改为文字
const cellClass = (row: any) => {
  if (row.columnIndex === 0) {
    return "selectionTitle";
  }
}

const handleSelectionChange = (selection: any, row: any) => {
  // 单选
  if (selection.length > 1) {
    let radioValue = selection.shift(); //shift() 是一个数组方法,用于移除并返回数组的第一个元素。
    multipleTableRef.value.toggleRowSelection(radioValue, false); // 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中)
  }

   //  rowId.value = row.id  //获取选中参数
}

 

 

你可能感兴趣的:(vue.js,前端,javascript)