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-devnpm install  babel-plugin-transform-vue-jsx --save-devnpm install  babel-helper-vue-jsx-merge-props --save-dev