«

element-ui table单选

emer 发布于 2020-5-11 15:21   1606 次阅读      

 <el-table ref="multipleTable" :data="designList" tooltip-effect="dark" height="255" style="width: 100%" @current-change="clickChange">
        <el-table-column label="选择" width="55">
            <template slot-scope="scope">
                <el-radio  v-model="tableRadio" :label="scope.row"><i></i></el-radio>
            </template>
        </el-table-column>
        <el-table-column prop="designerCode" label="设计顾问" header-align="center" align="center"></el-table-column>
        <el-table-column prop="designerName" label="姓名" header-align="center" align="center"></el-table-column>
        <el-table-column prop="storeCode" label="门店编码" header-align="center" align="center"></el-table-column>
        <el-table-column prop="storeName" label="门店名称" header-align="center" align="center"></el-table-column>
        <el-table-column prop="cityName" label="所属城市" header-align="center" align="center"></el-table-column>
    </el-table>

    clickChange (item) {
        this.tableRadio = item
    },