Vue element-ui如何给table表格的一行设置为不可勾选,input不可修改

html,主要加上

:selectable="setDisabled"

:disabled="!setDisabled(scope.row)"


        
        
          
        
        
          
        
      

js

function setDisabled(row, index) {// 设置不可勾选
    //tableData.disabledArr为设置为不可勾选的列
    var show = true
    tableData.disabledArr.forEach(item=>{
      if(item.originalTableNameEn == row.originalTableNameEn){
        show = false
      }
    })
    return show;
  }

结果展示

Vue element-ui如何给table表格的一行设置为不可勾选,input不可修改_第1张图片 

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