在el-table-column使用if的方法,以及出现表格错乱的解决办法

需求:如果需要在表格中动态显示某列,就需要使用到v-if

如图

            v-if="remarkIsHas"
            prop="remark"
            label="关闭原因"
            :key="9527"
          >
            <template slot-scope="scope">
              <span style="">{{ scope.row.remark }}span>
            template>
          

remarkIsHas:是计算属性

computed: {
    remarkIsHas() {
      //判断当前数组里的对象中的remark不为空
      return this.orderTableList.some((item) => {
        return item.remark;
      });
    },
  },

如果出现表格渲染位置错乱的关系,我们可以给这一列数据增加一个独立的key