node.js及vue下使用chosen插件
首先从https://github.com/harvesthq/chosen/releases 下载最新的chosen npm插件,用npm安装在项目中添加一个文件 http://blog.csdn.net/qq_27093465/article/details/49074471内容如下 import $ from 'jquery'window.$ = $window.jQue
首先从https://github.com/harvesthq/chosen/releases 下载最新的chosen npm插件,用npm安装
在项目中添加一个文件 http://blog.csdn.net/qq_27093465/article/details/49074471
内容如下
import $ from 'jquery'
window.$ = $
window.jQuery = $
export default $
然后把chosen的css和图片放到
需要使用chosen的vue组件中引入此文件
然后就可以愉快的在vue中调用chosen了
需要注意的是chosen并不支持v-model,所以做双向绑定需要
html部分
<select class="chosen-select" v-model="要改的变量">
<option v-for="opt in infolist" :value="opt.value">{{opt.label}}</option>
</select>
js部分
var self = this
$('.chosen-select').chosen({disable_search: true}).change(function () { self.要改的变量 = $('.chosen-select').val() })
chosen的基本调用请查考大师兄的文章
http://blog.csdn.net/qq_27093465/article/details/49074471
更多推荐
所有评论(0)