在vue中，在使用antdesign的table组件时，实现特定column列的显示与隐藏

我有这样一个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;}
});