bootstrap selectpicker 下拉框 无显示

使用bootstrap selectpicker插件,无显示,查了很多原因,但只是js文件之间的冲突引起,特此记录

其他页面引用插件功能已经实现,所以和代码无关,所以考虑文件之间的冲突

JS页面

        initPartner:function(){
            $.get("路径", function(r){
                vm.partnerList = r.list;
                        vm.$nextTick(function () {

                                 $(".selectpicker").selectpicker('refresh');
                     })
            });
        }

HTML页面
原js顺序

<select class="selectpicker" data-live-search="true" v-model="q.partnerId">
         <option value="-1" selected>全部</option>

         <option value="0" selected>总体</option>
    </select>

<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script src="${rc.contextPath}/js/tv189/report.js?_${date.systemTime}"></script>
<link rel="stylesheet" href="${rc.contextPath}/statics/css/bootstrap-select.min.css">
<script src="${rc.contextPath}/statics/libs/bootstrap-select.min.js"></scrip
`
js页面


js顺序修改后


全部

     <option value="0" selected>总体</option>
    <option v-for="partner in partnerList" :value="partner.id">{{partner.partnerName}}</option>

``

`
这里写代码片`

网上下载网上下载)
![这里写图片描述](https://img-blog.csdn.net/20180830152749872?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzUxNDM5/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA//dissolve/ 70)![这里写图片描述](https://img-blog.csdn.net/20180830152811470?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzUxNDM5/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA//dissolve/70

猜你喜欢

转载自blog.csdn.net/qq_42351439/article/details/82222710