Vue.js 中使用 provide/inject 实现组件间通信：将 changeType 输出到 YfStocks.data.ts

要将changeType输出到YfStocks.data.ts中，你可以使用provide/inject来实现组件间的通信。\n\n首先，在YfStocksList.vue中使用provide来提供changeType的值：\n\njavascript\n<script lang="ts" setup>\n const changeType = ref<string>('1');\n const changeOptions = [\n { label: '无', value: '1' },\n { label: '盘点', value: '2' },\n { label: '调价', value: '3' },\n { label: '规格', value: '4' },\n ];\n\n provide('changeType', changeType);\n</script>\n\n\n然后，在YfStocks.data.ts中使用inject来获取changeType的值：\n\njavascript\nimport { inject } from 'vue';\n\nexport const columns: BasicColumn[] = [\n {\n title: '盘点库存',\n dataIndex: 'quantity',\n ifShow: () => {\n const changeType = inject<string>('changeType');\n return changeType.value === '2';\n },\n },\n];\n\n\n这样，YfStocksList.vue中的changeType值就会传递给YfStocks.data.ts中的columns配置，实现根据changeType的值来确定是否显示盘点库存。