首先从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插件相关推荐

  1. 基于node.js开发环境下创建及开发vue.js项目的环境配置骤

    基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...

  2. Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)...

    什么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释,可以自己去搜索了解下,服务器端js不是新技术,只是最近的node.js的火爆让他爆发了,我会在以后的文章里解释什 ...

  3. Node.js 得到当前目录下文件修改文件名

    博客园第一篇,平时都用 .net ,现在 node.js 比较火,就用它做一些小工具,比较方便 Node.js 得到当前目录下文件修改文件名,把 .txt 修改为.md var fs = requir ...

  4. 关于node.js 和vue.js的安装、卸载、浏览器测试问题?

    关于node.js 和vue.js的安装.卸载.浏览器测试问题? 最近忙于深入研究vue.js框架的适用问题,所以顺带也有必要系统的研究一下node.js是怎么一回事?! 闲话不多说,直接上文章链接: ...

  5. 基于node.js和vue的前后端分离影院售票系统电影院影片管理

    1,项目介绍 基于 node.js和vue 的影院售票系统拥有两种角色,分别为管理员和用户. 用户:热映.即将上映.电影和影院全局搜索.评论.选座.购票.点赞.收藏.订单等一系列购票功能 管理员:用户 ...

  6. 2021 年最值得了解的 Node.js 工具(下)

    大家好,我是若川,诚邀你加群长期交流.今天分享一篇用得上的 node 库.下篇.链接地址:https://github.com/huaize2020/awesome-nodejs. 上篇是:2021 ...

  7. 体验使用node.js创建vue+Element-UI项目

    1.首先去node.js官网下载系统对应的node.js版本. 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao. ...

  8. php node.js django,Vue.js和Django搭建前后端分离项目示例详解

    本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例,具有一定参考价值,有兴趣的可以了解一下 在写这篇文章的时候,顺带学习了一下关于Markdown的使用方法. 笔者是个渣渣,一切都是 ...

  9. Node.js v0.10.31API手册-Addons插件

    Addons Addons插件就是动态连接库.Addons插件将Node与C库和C++库链接起来.它的API(目前来说)相当复杂,涉及到了几个类库的知识. V8 JavaScript引擎是一个 C++ ...

最新文章

  1. Matplotlib三维绘图,这一篇就够了
  2. solr/solrj原子更新
  3. 个人思考与研究:道德经(二)
  4. Boost:双图bimap与双向地图的测试程序
  5. 1052 卖个萌 (20 分)
  6. 查看oracle中各个表空间的已使用空间和最大分配空间
  7. .NET Core:通过Web API进行微服务交互
  8. 【微信小程序】组件间通信与事件-获取子组件的实例对象
  9. 不用ajax调用搞后台小技巧
  10. Matlab中图像函数大全
  11. proteus8.0绘制元器件pcb封装
  12. 全球首位H3CIE证书获得者赵鹏
  13. 期货公司资金安全交易公平
  14. 白杨SEO:品牌口碑业务指什么?企业品牌口碑如何推广与预防公关危机?
  15. MIT-6.s081-CodeWalk-fs.cfile.csysfile.c
  16. 二维码生成与解析代码实现
  17. C语言正确的输入格式和输入方式
  18. 语音处理:PCM文件中采样值到dB分贝的转换分析
  19. PDF文件怎么在线压缩?教你在线压缩的方法
  20. 几种常见的字符串倒序的方法。

热门文章

  1. 思科java开发面试题
  2. 圣诞灯出口欧盟CE认证怎么做
  3. numpy构建BIRNN双向循环神经网络
  4. Docker 菜鸟教程 1 简介
  5. Centos7下安装Docker--菜鸟教程
  6. 【C++ 学习总结】- 03 - 类的认识:友元关系
  7. MATLAB | 如何使用MATLAB获取顶刊《PNAS》绘图(附带近3年图像)
  8. 有趣的心理测试,引发的一系列故事……
  9. spring mvc使用gzip压缩
  10. linux系统下升级pip