bootstrap-select selectpicker與vue 衝突

原創 daydayUp. 2020-02-24 02:57

總結：html代碼中的selectpicker類與vue有衝突，去除之後使用原生select可以正常使用普通的select，如果想要附加的bootstrap select功能可以使用jquery，$().html("")。

另外，希望關聯v-for，動態更新數據組，查看官網文檔：VUE數組更新檢測

 

html代碼

vue代碼

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

怎樣讓div中的字上下左右居中

<div style="height: 30px;line-height: 30px;text-align: center;"> 讓我居中 </div>使line-height和height一樣就能讓字上下居中

shaochengand 2020-07-08 11:56:57

TOMCAT下配置項目路徑

對工程的部署一般是將工程的壓縮文件放在tomcat安裝目錄的webapps下，訪問時通過鍵入：http://localhost:8080/xx(假定爲本機訪問，xx是部署時的應用工程的訪問名字）。 而如果直接鍵入：http://loca

shaochengand 2020-07-08 11:56:57

Axios--基礎知識

下載使用方式： npm: $ npm install axios cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 案例（GET以及POST請求

GQ_cyan 2020-07-08 11:50:38

HTML5入門之常用標籤

html5標準網頁聲明 <!DOCTYPE html> 必要結構 <html > <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>

blackcatkiller 2020-07-08 10:51:12

uniapp的相關介紹

1.pages.json   官網地址：https://uniapp.dcloud.io/collocation/pages?id=%e9%85%8d%e7%bd%ae%e9%a1%b9%e5%88%97%e8%a1%a8     pag

大佬养成记 2020-07-08 07:55:30

uniapp的那些坑

1.selectedColor不起作用      1.查看位置是否寫對，與lis同級                    2.是否爲16進制，selectedColor寫的rgb不支持  3.是否被其他樣式覆蓋，其他地方也設置過sele

大佬养成记 2020-07-08 07:55:14

javascript之基於tensorflow的posenet項目

1）源代碼如下： git clone https://github.com/tensorflow/tfjs-models 2）編譯： tfjs-models>yarn tfjs-models>cd posenet tfjs-models\

嵇康 2020-07-08 04:18:10

Web前端-Vue--vue-cli腳手架

Vue-cli腳手架搭建: 拿到新電腦第一次配置環境要做的步驟(以前沒有配置過環境): 安裝npm命令:      1.去nodejs官網下載node.exe  官網地址:https://nodejs.org/zh-cn/ 2. node

yanghainan0318 2020-07-08 01:18:38

Web前端-Vue--路由，本地mock數據搭建，keep-alive，active-class，重定向redirect

路由    路由的最基本配置:     1.下載vue-router模塊(我們搭建vue項目時 已經勾選下載 所以在這不需要重複下載)     2.在main.js 使用import語句 引入vue-router模塊     3.讓vue

yanghainan0318 2020-07-08 01:18:38

前端小白快速入門 之（一）HTML5 詳解

作者：浪子花夢 , 個人簡介：一個有趣的程序員 ~ 從今天開始，我將開始學習前端、ASP.NET 的一些知識，莫把假期浪費，大家一起衝！ 衝！ 衝！ 此文只針對向我一樣初學的小白，將詳細講解一些基礎且重要的HTML5 的知識

浪子花梦 2020-07-08 00:22:12

vscode如何快速生成標準的html代碼

步驟： 一、先輸入一個英文狀態下的 !             二、點擊 tab 鍵             三、自動生成標準的html代碼（見圖）                          

浅笑安然~ 2020-07-07 21:50:48

pywebview cef打包 到達斷點的彌補辦法

cef 是chrome內核，支持vue，但是其它內核不支持，所以項目選用cef來做引擎，但是打包運行遇到了一個問題，報錯爲 已到達斷點 [0812/112825.786:ERROR:icu_util.cc(133)] Inval

qq_42289686 2020-07-08 12:00:21

VUE+element 遮罩層問題

一個dialog裏面再彈出一個dialog，頁面是灰色的，如圖 先點添加再點搜索用戶 彈出變成灰色 解決辦法：添加append-to-body屬性

一叶扁舟3 2020-07-07 23:03:23

Vue foreach

let codeKeyArr = []; this.displayTypeOptions.forEach((option) => { // if (this.detail.displayTy

一叶扁舟3 2020-07-07 23:03:23

vue報錯：Component template should contain exactly one root element

錯誤重現： 錯誤原因：Component template should contain exactly one root element ----翻譯爲：如果你正在使用模板應該只包含一個根元素。 解決辦法：對模板template下只

辛凡 2020-07-07 21:48:15