Vuejs自定義select2指令

2022-01-15 22:35:40 字數 602 閱讀 1991

在做select2外掛程式的時候遇到一些坑,最終解決如下:

vue.directive('select2', ;

var defaultopt =;

options =_.assign(defaultopt, options);

$(el).select2(options).on("select2:select", (e) =>)); //

雙向繫結不生效

//繫結選中選項的事件

options && options.onselect &&options.onselect(e);

});//allowclear:清除選中

$(el).select2(options).on("select2:unselecting", (e) =>));

//雙向繫結不生效

});

//繫結select2 dom渲染完畢時觸發的事件

options && options.oninit &&options.oninit();

},update:

function

(el, binding, vnode)

});

vuejs學習4 自定義指令

1 只是方法名由component 改為了directive 上例只是註冊了自定義指令 v focus 還沒有實現具體功能,下面具體介紹自定義指令的各個選工頁。自定義指令的選項是由幾個鉤子函式組成的,每個都是可選的。bind 只呼叫一次,指令第一次繫結到元素時呼叫,用這個鉤子函式可以定義乙個在繫結 ...

Select2 用法小貼士

適用於select2 4.0.8 初始化 標籤 form group col md 6 select2 id class form control name select2 name select div ajax動態賦值 ajax else 啟用函式 select2 id select2 動態賦值...

Select2衝突問題

1 jquery.js 2 select2.js select2.css 3 my.js 自定義的js 1 select2.js引用失敗,通過檢視網頁源 檢視是否存在select2.js 2 引用的其他js中存在全域性變數define以及require,與select2中的全域性變數define,r...