table使用if和el-table-column使用if恶心到吐了

1. 如果直接在table上加if会不起作用,建议添加div标签包裹之后使用

       <div v-if="Sample === 'all'">
         <el-table  :data="tableData"
           stripe
            border
            height="450"
            style="width: 100%; margin-top: 15px"
           >
           <el-table-column
            prop="order_time"
            v-if="Sample === 'all'||Sample ==='recovered'||Sample === 'reclaimed'"
            label="订单">
          </el-table-column>
        </el-table>
      </div>

1. 如果想控制表格字段变化时候,真是踩空一个一准

• 先是使用 type=“selection” 使用v-if或者v-show时候不更新,时灵时不灵,没办法只能分开两个表格使用1中的方法对table做判断
• 再是el-table-column使用v-if之后字段位置变化不固定,由于判断条件不是index不能使用:key=index,只能强制处理使用 :key=“Math.random()”,万万没想到强制固定字段位置之后,会有一个切换过程, 也就是表格先是字段位置随机在两秒的时间里在变更成固定, 效果感觉像是在骗傻子

     <el-table-column
       prop="order_time"
       v-if="Sample === 'all'||Sample ==='recovered'||Sample === 'reclaimed'"
       label="订单">
     </el-table-column>

• 最后只能老老实实分组件展示