Transfer 穿梭框
创新互联公司坚信：善待客户，将会成为终身客户。我们能坚持多年，是因为我们一直可值得信赖。我们从不忽悠初访客户，我们用心做好本职工作，不忘初心，方得始终。十多年网站建设经验创新互联公司是成都老牌网站营销服务商,为您提供成都网站建设、网站设计、网站设计、H5响应式网站、网站制作、品牌网站制作、小程序开发服务,给众多知名企业提供过好品质的建站服务。
按需引入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 穿梭框，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！