javascript - Easyautocomplete + Vue.js - 如何通过点击更新存储的变量?

标签 javascript vue.js easyautocomplete

我有一个输入文本字段,其值存储在 Vue 中的“app.adress”组件中。我现在使用“Easy-autocomplete”插件,它显示建议值的列表。当我单击一个时,它会出现在文本字段中,但不会保存在“app.adress”组件中。例如,我输入“uni”,单击建议值“United Kingdom”,它出现在文本字段中,但只有“uni”保存在“app.adress”中。有什么建议如何通过点击更新 Vue 组件吗?

最佳答案

我知道这个答案已经太晚了。但我只想分享我在这个问题上的工作。我没有使用 v-model 绑定(bind)输入的值,而是添加 @change 事件监听器并调用将更新我的数据的方法。

编辑:其他解决方案是使用 EasyAutocomplete 的事件函数,例如 onChooseEvent

关于javascript - Easyautocomplete + Vue.js - 如何通过点击更新存储的变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52296810/

相关文章:

javascript - MVC Razor 应用程序中的 SignalR javascript

javascript - 如何从构造函数中使用/导入 App.vue 中的数据

javascript - 为 promise 中的对象赋值

javascript - Mounted 上的 Vue 复选框在 Edge 中不起作用

javascript - 如何从点击事件中分配子元素

javascript - 使用引导验证器验证密码并确认密码字段

javascript - 根据父容器大小隐藏元素

javascript - easyautocomplete 基本搜索

javascript - TypeError : $(. ..).easyAutocomplete 不是一个函数

javascript - 未捕获的 TypeError : $(. ..).easyAutocomplete 不是函数