我不知道为什么,但是仅通过添加 vue js 就无法使用 select2。尝试了很多诸如搜索之类的事情,但没有解决方案。当我删除 vue 时,它可以工作,而当我添加它时,为什么首先会发生这种情况。
这是它的工作示例。
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<script src='https://unpkg.com/vue@2.5.13/dist/vue.js'></script>
<div id='app'>
<select id="asd" name="asd" class="asd"><option value="1">001 - Środki trwałe x</option><option value="2">001-001 - Środek trwały 1 </option><option value="3">001-002 - Środek trwały 2 </option><option value="4">002 - Kasa</option><option value="7">04-33 - test</option><option value="10">05 - dff</option></select>
</div>
和 javascript 代码是
$(document).ready(function() {
$(".asd").select2();
new Vue({el: '#app'});
});
或者我还创建了 js fiddle 来现场演示它,我们可以在这里看到它。
http://jsfiddle.net/8349tck1/39/
我不知道为什么会这样,但对我来说有点奇怪。
谢谢你。我希望我能解决这个奇怪的问题。真的很奇怪。
最佳答案
Vue 有自己的生命周期,mated 部分表示dom 已经加载。
new Vue({
el: '#app',
mounted:function(){
//use your select2 plugin in vue's mounted period
$(".asd").select2();
}
});
关于vuejs2 - 添加vue js后选择2不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48243004/