Vue.js + Bootstrap-Select：如何避免渲染循环？

Question

我试图让Vue.js与Bootstrap-select玩得很好，但我完全不知道如何避免使用.selectpicker('val')设置的值与Vue不断更新之间的渲染循环。

这里的例子：

https://codepen.io/schmoove/pen/EeeVab

vm.$emit('input', this.value)（第10行）

有效，但没有多项选择。但是，如果切换到：

vm.$emit('input', $(this.$el).selectpicker('val'));（用第9行替换第10行）

它将脚本发送到无限循环中。

我对Vue.js比较陌生，只是无法理解它应该如何工作，或者Bootstrap-select是否让事情变得特别困难。任何帮助将非常感激！

Answer 1

更改

vm.$emit('input', this.value)

至

vm.$emit('input', vm.value)