1.现在的代码,vue渲染时要求option数据必须已经初始化完成,这种情况当联动时,option没办法实时获取,感谢各位大神指点迷津。
//Jquery select2封装
Vue.directive('select2', {
inserted: function (el, binding) {
var options = binding.value || {};
$(el).select2(options).on("select2:select", function (e) {
el.dispatchEvent(new Event('change', { target: e.target }));
});
},
update: function(el, binding) {
$(el).trigger("change");
}
});
<select v-model="declaration.applyDepartmentCodeC" @change="getDepartmentUsers($event.currentTarget.value, 1)" v-select2="{data: declaration.applyDepartmentOptions}"></select>
主要问题有两个:
1.option变化,如何在指令里获取变化并完成初始化。
2.讲初始化写在update钩子中, 会因为虚拟dom频繁访问@change事件
3.感谢大神。