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')); （將第10行替換為第9行）

它將腳本發送到無限循環中。

我是Vue.js的新手，只是不了解它應該如何工作，或者Bootstrap-select是否使事情特別困難。 任何幫助將非常感激！

Answer 1

更改

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

至

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