javascript - Jadual UI Elemen baris yang salah
Apabila membangun dengan UI Elemen dan Vue, saya menukar komponen dialog dalam UI Elemen kepada komponen saya sendiri Dalam komponen ini, saya menggunakan komponen jadual dalam UI Elemen, saya mendapati bahawa rendering akan menjadi salah untuk menjadi saya. Sebab untuk menambah butang radio, tetapi saya tidak tahu bagaimana untuk menyelesaikannya. Seperti yang ditunjukkan dalam gambar di bawah, sila minta tuan untuk menjawab soalan anda
<!--jadual dialog-->
<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="班级名称" width="220"></el-table-column>
<el-table-column prop="gradeSubject" label="年级/科目" width="150"></el-table-column>
<el-table-column prop="teachingTime" label="授课时段" 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>
<!--分页-->
<p class="page-box">
<el-pagination layout="prev, pager, next" :page-count="pageTotal" :current-page="currentPage" @current-change="onChangePage"></el-pagination>
</p>
