vue一个表格 ，A页面显示操作列 ，B页面不显示 操作列

可以通过在数据源中添加一个字段来控制操作列的显示与隐藏，然后在 A 页面中将该字段显示为操作列，而在 B 页面中不显示该字段。具体实现可以参考以下示例代码：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th v-if="showAction">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in dataList" :key="index">
          <td>{{ item.name }}</td>
          <td v-if="showAction">
            // 操作列的内容
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [
        {
          name: '张三',
          showAction: true
        },
        {
          name: '李四',
          showAction: false
        },
        {
          name: '王五',
          showAction: true
        }
      ]
    }
  },
  computed: {
    showAction() {
      // 根据当前路由判断是否显示操作列
      return this.$route.path === '/A'
    }
  }
}
</script>

在数据源中添加一个名为 `showAction` 的字段，用于控制操作列的显示与隐藏。在模板中，根据 `showAction` 的值来判断是否显示操作列。在组件的计算属性中，通过当前路由来判断是否显示操作列，这里的路由需要根据实际情况来修改。这样，在 A 页面中会显示操作列，而在 B 页面中不会显示操作列。