element ui 将 el-table-column格式化成checkbox

<el-table-column
        prop="isKey"
        label="关键字列"
        align="center">
    <template slot-scope="scope">
        <el-checkbox :checked="scope.row.isKey== 1"/>
    </template>
</el-table-column>


<el-table-column
        prop="name"
        label="文档名称列"
       align="center">
</el-table-column>


上面第一个el-table-column为普通列,只需要在el-table-column元素中加上下面那段即可

   
 <template slot-scope="scope">
        <el-checkbox :checked="scope.row.isKey== 1"/>
 </template>
如果要格式化成其他形式,改成相对应的就可以了
<el-table-column label="城市" width="120">
        <template scope="scope">
          <el-select v-model="tableData[scope.$index].city" placeholder="请选择">
            <el-option v-for="item in cities" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </template>
      </el-table-column>

猜你喜欢

转载自blog.csdn.net/h702109382/article/details/79651609