Element-ui multiple selection form how to do single selection

Can I choose

clipboard.png
instead?
https://jsfiddle.net/api/post.

Mar.09,2021

<template>
    <el-table :data="tableData">
        <el-table-column>
            <template slot-scope="scope">
                <!-- labeltableData -->
                <el-radio v-model="radioVal"
                          :label="scope.row.test"></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  //
    }
  }
}
</script>

@select="select"
select(selection,row){
    if(selection.length>1){
        selection.shift()
    }
    
},

handleSelectionChange (rows) {

            this.multipleSelection = rows;
            if (this.multipleSelection.length > 1) {
                this.$refs.multipleTable.toggleRowSelection(this.multipleSelection[0]);
            }
        },

listen to selection-change and reset the array to the currently selected


@ selection-change can you judge that if the selected length is greater than 1, clear the last selected


did the landlord get it out? I also did this function. I tried for a long time but failed


@ selection-change to empty the previously selected

.
Menu