鍍金池/ 問答/HTML/ element-ui 多選表格怎么做單選

element-ui 多選表格怎么做單選

clipboard.png
可否改為單選呢?
https://jsfiddle.net/api/post...

回答
編輯回答
吃藕丑

@selection-change 可以判斷選中的長(zhǎng)度大于1的話就清除上次選中的吧

2018年6月7日 04:53
編輯回答
空白格

@selection-change 時(shí)將之前選中的清空

2017年8月12日 03:48
編輯回答
短嘆

樓主弄出來了么,我也做這個(gè)功能,試了很久都不行

2017年1月4日 00:39
編輯回答
薔薇花

監(jiān)聽selection-change然后重置數(shù)組為當(dāng)前選中的就可以了吧

2018年9月17日 14:37
編輯回答
毀與悔
<template>
    <el-table :data="tableData">
        <el-table-column>
            <template slot-scope="scope">
                <!-- label可以使用tableData中的某個(gè)字段,注意該字段的值不要重復(fù) -->
                <el-radio v-model="radioVal"
                          :label="scope.row.test">&thinsp;</el-radio>
            </template>
        </el-table-column>
        <el-table-column prop="test"
                         label="test"></el-table-column>
    </el-table>
</template>
<script>
export default {
  data () {
    return {
      tableData: [
        { test: 1 },
        { test: 2 },
        { test: 3 },
        { test: 4 },
        { test: 5 }
      ],
      radioVal: 1  //單選的默認(rèn)值,可以制空
    }
  }
}
</script>
2017年8月17日 20:38
編輯回答
嫑吢丕
@select="select"
select(selection,row){
    if(selection.length>1){
        selection.shift()
    }
    
},
2018年4月30日 14:03