element表格添加单选按钮


下面是主要代码,项目涉及隐私就不发全部代码了

1,首先在表格中添加如下代码,

:label="scope.$index + 1"不加的话不会显示出来
但是加了之后会出现数字 我用了css样式把数字隐藏了
/deep/ .el-radio__label{
  display: none;
}

 

 

 <el-table-column  label="选择" align="center" width="55">
          <template solt-scope="scope">
           <el-radio v-model="radio" :label="scope.$index + 1" @change.native="radioData(scope.row)"></el-radio>
          </template>
 </el-table-column>

2,在data中提供

radio: false // 单选按钮

3,在methods里提供方法,scope就是选中的数据

radioData (scope, row) {
      this.selectData = scope
    },

  


免责声明!

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



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM