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插件相关推荐
- 基于node.js开发环境下创建及开发vue.js项目的环境配置骤
基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...
- Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)...
什么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释,可以自己去搜索了解下,服务器端js不是新技术,只是最近的node.js的火爆让他爆发了,我会在以后的文章里解释什 ...
- Node.js 得到当前目录下文件修改文件名
博客园第一篇,平时都用 .net ,现在 node.js 比较火,就用它做一些小工具,比较方便 Node.js 得到当前目录下文件修改文件名,把 .txt 修改为.md var fs = requir ...
- 关于node.js 和vue.js的安装、卸载、浏览器测试问题?
关于node.js 和vue.js的安装.卸载.浏览器测试问题? 最近忙于深入研究vue.js框架的适用问题,所以顺带也有必要系统的研究一下node.js是怎么一回事?! 闲话不多说,直接上文章链接: ...
- 基于node.js和vue的前后端分离影院售票系统电影院影片管理
1,项目介绍 基于 node.js和vue 的影院售票系统拥有两种角色,分别为管理员和用户. 用户:热映.即将上映.电影和影院全局搜索.评论.选座.购票.点赞.收藏.订单等一系列购票功能 管理员:用户 ...
- 2021 年最值得了解的 Node.js 工具(下)
大家好,我是若川,诚邀你加群长期交流.今天分享一篇用得上的 node 库.下篇.链接地址:https://github.com/huaize2020/awesome-nodejs. 上篇是:2021 ...
- 体验使用node.js创建vue+Element-UI项目
1.首先去node.js官网下载系统对应的node.js版本. 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao. ...
- php node.js django,Vue.js和Django搭建前后端分离项目示例详解
本篇文章主要介绍了Django+Vue.js搭建前后端分离项目的示例,具有一定参考价值,有兴趣的可以了解一下 在写这篇文章的时候,顺带学习了一下关于Markdown的使用方法. 笔者是个渣渣,一切都是 ...
- Node.js v0.10.31API手册-Addons插件
Addons Addons插件就是动态连接库.Addons插件将Node与C库和C++库链接起来.它的API(目前来说)相当复杂,涉及到了几个类库的知识. V8 JavaScript引擎是一个 C++ ...
最新文章
- Matplotlib三维绘图,这一篇就够了
- solr/solrj原子更新
- 个人思考与研究:道德经(二)
- Boost:双图bimap与双向地图的测试程序
- 1052 卖个萌 (20 分)
- 查看oracle中各个表空间的已使用空间和最大分配空间
- .NET Core:通过Web API进行微服务交互
- 【微信小程序】组件间通信与事件-获取子组件的实例对象
- 不用ajax调用搞后台小技巧
- Matlab中图像函数大全
- proteus8.0绘制元器件pcb封装
- 全球首位H3CIE证书获得者赵鹏
- 期货公司资金安全交易公平
- 白杨SEO:品牌口碑业务指什么?企业品牌口碑如何推广与预防公关危机?
- MIT-6.s081-CodeWalk-fs.cfile.csysfile.c
- 二维码生成与解析代码实现
- C语言正确的输入格式和输入方式
- 语音处理:PCM文件中采样值到dB分贝的转换分析
- PDF文件怎么在线压缩?教你在线压缩的方法
- 几种常见的字符串倒序的方法。