做一个后台管理系统, 初始化框架是使用 amidn+ element

一 table 表格的问题

做一个table 列表展示

比如这个table 表格, 根据上面4个状态, 展示的列表项不同, 要有v-if 判断

image.png
上面的v-if 是通过按钮的type 来展示的.

之前 代扣失败次数 是直接

<el-table-column label="待扣失败次数" align="center" prop="deductCount" v-if="type==4">
</el-table-colum>

是直接这样写的, 切换按钮的时候, 就会重绘了label, 但是prop 的值没有重绘, 后来改成

<el-table-column label="待扣失败次数" align="center" prop="deductCount" v-if='type==4'>
          <template slot-scope="scope">
            {{scope.row.deductCount}}
   </template>  
 </el-table-column>

改成这样, 就不会出现重写混乱的情况了.
知其然,不知其所以然, 就酱.记住了.