vue按需引入element Transfer 穿梭框


Posted in Javascript onSeptember 30, 2017

Transfer 穿梭框

按需引入Transfer

编辑main.js

import {
 ...
 Transfer
} from 'element-ui';
const components = [
 ...
 Transfer
];
components.map(component => {
 Vue.component(component.name, component);
});

安装transform-vue-jsx 插件

编辑 .babelrc文件

{
 "presets": [
  ["env", {
   "modules": false,
   "targets": {
    "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
   }
  }],
  "stage-2"
 ],
 "plugins": [["component", [
  {
   "libraryName": "element-ui",
   "styleLibraryName": "theme-default"
  }
 ]], "transform-runtime", "transform-vue-jsx"],
 "comments": false
}

安装相应插件

npm install babel-plugin-syntax-jsx --save-dev
npm install babel-plugin-transform-vue-jsx --save-dev
npm install babel-helper-vue-jsx-merge-props --save-dev

总结

以上所述是小编给大家介绍的vue按需引入element Transfer 穿梭框,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript之HTMLCollection接口代码
Apr 27 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
Aug 19 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
Sep 21 Javascript
20个实用的JavaScript技巧分享
Nov 28 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
两种简单的跨域方法(jsonp、php)
Jan 02 Javascript
vue快捷键与基础指令详解
Jun 01 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
Nov 19 Vue.js
vue获取DOM元素并设置属性的两种实现方法
Sep 30 #Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 #jQuery
JS设计模式之数据访问对象模式的实例讲解
Sep 30 #Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 #Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 #Javascript
浅谈react-native热更新react-native-pushy集成遇到的问题
Sep 30 #Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 #jQuery
You might like
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
深入解析php中的foreach函数
2013/08/31 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
PHP实现数据分页显示的简单实例
2016/05/26 PHP
Apache PHP MySql安装配置图文教程
2016/08/27 PHP
php的常量和变量实例详解
2017/06/27 PHP
PDO::exec讲解
2019/01/28 PHP
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
JavaScript保留两位小数的2个自定义函数
2014/05/05 Javascript
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
javascript实现起伏的水波背景效果
2016/05/16 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python自定义简单图轴简单实例
2018/01/08 Python
python实现词法分析器
2019/01/31 Python
python实现简单日期工具类
2019/04/24 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
超实用的 30 段 Python 案例
2019/10/10 Python
全球知名鞋履品牌授权零售商:Journeys
2016/09/17 全球购物
美国南部最大的家族百货公司:Belk
2017/01/30 全球购物
JACK & JONES英国官方网站:欧洲领先的男装生产商
2017/09/27 全球购物
AJAX的优缺点都有什么
2015/08/18 面试题
应聘教师推荐信
2013/10/31 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
应用艺术毕业生的自我评价
2013/12/04 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
毕业留言寄语大全
2014/04/10 职场文书
计算机专业自荐信
2014/05/24 职场文书
自愿解除劳动合同协议书
2014/09/11 职场文书
入党介绍人意见范文
2015/06/01 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang