账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue自定义指令整合Jquery Select2 options 变化自动渲染问题
    26
    0

    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.感谢大神。
    
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部