Vue 3作为v-model发射

Question

我有一些困难的集成组件，这是自定义下拉选择。所以我的想法是使用v-model从父组件获取数据，但我不知道如何传递发出的数据。那么它到底是什么。

这是我的父组件，我在这里缩放选择器。

<DropdownSelect :items="items"/>

正如你所看到的，我正在传递对象数组，子组件正在对它们进行操作，但是我如何调用v-model并获取在子组件中选择的数据呢？

在子组件中，我有函数onClick，我有选定对象，它看起来像这样：

emit('selected', get);

那么，我如何才能轻松地做到以下几点：

<DropdownSelect :items="items" v-model="something" />

但是不使用emit？我可以这样做：

<DropdownSelect :items="items" @selected="object_here"/>

但我需要它在v-model模式下，这可能吗？

Answer 1

来自https://www.digitalocean.com/community/tutorials/vuejs-add-v-model-support

要了解如何在组件中实现v-model支持，您需要了解它是如何在幕后工作的。v-model="prop“值是:value="prop”@input="prop = arguments“的简写形式。

v-model监听'input‘发出要触发的事件，

尝试在组件中使用：this.$emit('input', data);。