vxe-column获取当前值做v-if判断

在Vue.js中，如果你想利用`vxe-table`组件（VxeTable是一个基于Vue的表格插件）的列数据（`vxe-column`）来动态地控制某个元素的显示与否，你可以结合`v-model`和`v-if`一起使用。假设你有一个`vxe-column`的`field`属性绑定了一个计算属性，这个计算属性会返回一个值，然后你可以在这个值上进行判断。

例如：

<template>
  <vxe-table :columns="tableColumns" @ready="onTableReady">
    <!-- ... -->
  </vxe-table>

  <div v-if="currentColumnValue === 'yourDesiredValue'">这是一个展示条件</div>
</template>

<script>
export default {
  data() {
    return {
      tableColumns: [
        // ...
        { field: 'yourField', // 替换为你的实际字段名
          computedProp: () => this.yourComputedValue, // 这里是你的计算属性
        },
        // ...
      ],
      currentColumnValue: '', // 初始化一个空字符串或者其他默认值
    };
  },
  methods: {
    onTableReady() {
      // 当表格准备就绪时，获取并更新currentColumnValue
      this.currentColumnValue = this.tableColumns.find(column => column.field === 'yourField').computedProp;
    },
  },
};
</script>

在这里，`onTableReady`方法会在表格加载完成后调用，从列中获取到`computedProp`的实际值，并将其赋值给`currentColumnValue`。然后，在`v-if`指令中，我们检查`currentColumnValue`是否等于期望的值，如果相等则元素会显示，反之隐藏。