首先从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



Logo

前往低代码交流专区

更多推荐