node.js及vue下使用chosen插件

本文主要是介绍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.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

这篇关于node.js及vue下使用chosen插件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---