1. 程式人生 > 其它 >ElementUI列表中使用單選框el-radio會顯示索引的問題

ElementUI列表中使用單選框el-radio會顯示索引的問題

問題描述:

在列表中使用單選框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">&nbsp;</el-radio> </span> </template> </el-table-column> <style lang="scss" scoped> /deep/.el-radio__input { position: relative; left: 6px; } </style>

在這裡插入圖片描述