Bei der Entwicklung mit Element UI und Vue habe ich die Dialogkomponente in Element UI in meine eigene Komponente ge?ndert. In dieser Komponente habe ich festgestellt, dass das Rendern manchmal schief ging Ich bin der Grund für das Hinzufügen des Optionsfelds, aber ich wei? nicht, wie ich es l?sen soll. Bitten Sie den Meister, wie im Bild unten gezeigt, Ihre Fragen zu beantworten
<!--diaolog table-->
<el-table :data="gridData" height="360" highlight-current-row style="width:100%" fit>
<el-table-column label="" width="50">
<template scope="scope">
<el-radio :label="gridData[scope.$index].classId" v-model="radio" @change.native="getCurrentRow(scope.$index)"></el-radio>
</template>
</el-table-column>
<el-table-column prop="className" label="班級(jí)名稱(chēng)" width="220"></el-table-column>
<el-table-column prop="gradeSubject" label="年級(jí)/科目" width="150"></el-table-column>
<el-table-column prop="teachingTime" label="授課時(shí)段" width=""></el-table-column>
<el-table-column prop="teacher" label="任課老師" width="100"></el-table-column>
<el-table-column prop="classTypeName" label="班型" width=""></el-table-column>
</el-table>
<!--分頁(yè)-->
<p class="page-box">
<el-pagination layout="prev, pager, next" :page-count="pageTotal" :current-page="currentPage" @current-change="onChangePage"></el-pagination>
</p>
溫故而知新,可以為師矣。 博客:www.ouyangke.com
<el-table-column type="index" width="60px"></el-table-column>
1.需要加上width屬性;
2.如果你有五列,讓其中一列不設(shè)置width,這樣能好看一些。
--> 你可以試一下。^_^