我有这样一个columns列

const columns = ref([
  {
    title: "权重",
    dataIndex: "weightiness",
    key: "weightiness",
  },
  {
    title: "名称",
    dataIndex: "name",
    key: "name",
  },
  {
    title: "属性",
    dataIndex: "attrValues",
    key: "attrValues",
  },
  {
    title: "价格",
    dataIndex: "price",
    key: "price",
  },
  {
    title: "颜色",
    dataIndex: "color",
    key: "color",
  },
  {
    title: "操作",
    dataIndex: "actions",
    key: "actions",
  },
]);

我有一个变量type，默认值为1，也就是const type = ref<string>("1")。

type的具体值是父组件传过来的，所以它会变化。

所以我想要实现的是，不同的type值，展示不同的columns列。

具体可以利用columns的title属性来做

onMounted(() => {
  // 只有当type值为2的时候，才显示“属性”这一列
  if (type.value !== "2") {
    columns.value[2].title = null;
  }

  // 只有当type值为3的时候，才显示“价格”这一列
  if (type.value !== "3") {
    columns.value[3].title = null;
  }

  // 只有当type值为5的时候，才显示“颜色”这一列
  if (type.value !== "5") {
    columns.value[4].title = null;
  }
});