[指南] Buefy 搭配 Autocomplete 的思考逻辑

Buefy 前端框架所提供的 Autocomplete,有一些使用上的逻辑并不是那样直觉,这边笔记下这些容易忘记的细节。
buefy


内容

1. 选取后触发的 callback 函式是可以自行定义的

借由 @select=“Function 内容” 来控制

2. 下拉选单搭配输入框出现筛选效果,需要在 computed 过滤

也就是传进去物件中的 :data ,必须要结合你的 v-model 一同使用。v-model 用作追踪 input 输入用。例如官网上范例所提到的:

3. 不要监听设定为 v-model 的变量

否则使用者每在 input 框输入时,就会屡屡触发监听函式,造成效能瓶颈。在 @select 的 callback 函式中,将选取的值存到某个变量 (例如变量 abc),然后 watch 这个 abc 的变化


参考资料

1. Buefy – Autocomplete

按赞加入粉丝团

延伸阅读