是否有办法使用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事件