elementui表格div变化,内容没有响应

Posted 2023-04-06

参考技术A 如果想要完成一个element ui表格的多选框，通常会直接使用table组件的type="selection"和selection-change等方法，如果要想自己去实现table的多选框，就需要用到template,如下所示

<el-table-column prop="is_check" width="55">
<template slot="header">
<el-checkbox
v-model="is_check_all"
@change="tableAllChecked"
></el-checkbox>
</template>
<template slot-scope="scope">
<el-checkbox
v-model="scope.row.is_check"
@change="checkSingle"
></el-checkbox>
</template>
</el-table-column>
但是实现之后发现如果全选下面的选择框，表头的选择框并不会被选上，但是表头的多选框会有反应，周边变色，启动vue插件也可以看到变化，但是就是没有勾选上

vue使用elementUI的表格，内容自适应

参考技术A 1.elementUI的官方是没有这个内容自适应的功能，只能自己来写，我利用了混合的方式来实现；
首先创建minixs/flexColumnWidth.js文件；

2.在需要的页面中引用

3.此方法完美的实现了内容的自适应，但是同一个表格不建议所有的列都设置这个，若是都设置那整个表格的宽度有可能不能满屏适应，具体效果可根据自己的需要来设置；