vue3中，在一个模板下，共用同一个组件，如何区分？-灵析社区

import { ref } from 'vue'; import Calenda from './Calenda.vue'; const activeInput = ref(''); function showCalendar(inputName) { activeInput.value = inputName; } **可以使用一个变量来记录当前点击的是哪个输入框，然后根据这个变量来决定哪个日期选择组件显示 **添加了一个名为activeInput的响应式变量，用于记录当前点击的输入框名称。当点击某个输入框时，调用showCalendar()方法，并将对应的输入框名称作为参数传递进去。showCalendar()方法会更新activeInput的值为相应的输入框名称。 **然后，我们使用v-if指令来判断activeInput的值，决定是否显示对应的日期选择组件。只有当activeInput的值与输入框名称匹配时，才会显示该日期选择组件。 通过这种方式，我们可以根据点击的输入框来显示相应的日期选择组件，而不是将两个日期选择组件都显示出来