ElementUI列表中使用單選框el-radio會顯示索引的問題
阿新 • • 發佈:2021-02-03
問題描述:
在列表中使用單選框el-radio,表格中會顯示索引的問題。如圖
原因分析:
因為在el-radio標籤中label繫結的是索引(index)。
解決方案:
el-radio標籤中間加上 ;,然後修改標籤樣式即可。
<el-table-column label="選擇" width="39" align="center">
<template slot-scope="scope">
<span>
< el-radio :label="scope.$index" v-model="radio"> </el-radio>
</span>
</template>
</el-table-column>
<style lang="scss" scoped>
/deep/.el-radio__input {
position: relative;
left: 6px;
}
</style>