是否有一种方法来观看使用输入属性的q-select的内容?



是否有办法使用use-input属性来观察q-input的文本内容?

我想为地址创建一个自动完成栏。首先,我尝试了一个分离的q-input和q-select,它工作了:我观察我的q-input的v-model,并用我的自动完成API获取地址建议,然后我在q-select上显示它们。

但是我想合并q-input和q-select,所以我将use-input添加到我的q-select中,但是现在当我在q-select中键入一些文本时,它的v-model上的监视器不会被触发。那么,我如何使用use-input查看q-select的内容,以查看用户键入的每个字符呢?

我看到的唯一解决方案是保留两个组件,用于文本输入的q-input和用于选择结果的q-select,样式看起来像带有use-input属性的q-select:/

谢谢你的帮助:)

您应该使用v-slot的作用域:<template v-slot:no-option="scope">然后你有你的scope.inputValue在模板中。

最后我发现q-select有一个@input-value事件

相关内容

  • 没有找到相关文章

最新更新