脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue 引入element Transfer 穿梭框

vue按需引入element Transfer 穿梭框

 更新时间：2017年09月30日 09:04:14   作者：liu_zhaoming  
这篇文章主要介绍了vue按需引入element Transfer 穿梭框的相关资料,需要的朋友可以参考下

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 穿梭框，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • el-table 行合并的实现示例

    el-table 行合并的实现示例

    本文主要介绍了el-table 行合并的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • vue-cli3中配置alias和打包加hash值操作

    vue-cli3中配置alias和打包加hash值操作

    这篇文章主要介绍了vue-cli3中配置alias和打包加hash值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • 关于Element UI table 顺序拖动方式

    关于Element UI table 顺序拖动方式

    这篇文章主要介绍了关于Element UI table 顺序拖动方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-08-08
  • Vue2 的12种组件通讯

    Vue2 的12种组件通讯

    之前文章我们描述给过Vue3 的七通信使用，今天中五篇文章我们再来看看Vue2 的通信使用写法的相关资料,需要的朋友可以参考下面文章的具体内容
    2021-09-09
  • 在Vue中使用Select选择器拼接label的操作

    在Vue中使用Select选择器拼接label的操作

    这篇文章主要介绍了在Vue中使用Select选择器拼接label的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue实现点击某个div显示与隐藏内容功能实例

    vue实现点击某个div显示与隐藏内容功能实例

    最近做项目有用到某个div显示与隐藏内容,所以下面这篇文章主要给大家介绍了关于vue实现点击某个div显示与隐藏内容功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • Vue2中实现dialog的封装方式

    Vue2中实现dialog的封装方式

    这篇文章主要介绍了Vue2中实现dialog的封装方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • Vue自定义组件实现v-model双向数据绑定的方法

    Vue自定义组件实现v-model双向数据绑定的方法

    这篇文章主要介绍了Vue自定义组件实现v-model双向数据绑定的方法,文中通过代码示例讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-11-11
  • 解读Vue3中keep-alive和动态组件的实现逻辑

    解读Vue3中keep-alive和动态组件的实现逻辑

    这篇文章主要介绍了Vue3中keep-alive和动态组件的实现逻辑，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-05-05
  • Vue消息提示this.$message方法使用解读

    Vue消息提示this.$message方法使用解读

    这篇文章主要介绍了Vue消息提示this.$message方法使用,具有很好的参考价值,希望对大家有所帮助,
    2023-09-09

最新评论