vue按需引入element Transfer 穿梭框

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:28:35

vue按需引入element Transfer 穿梭框

vue按需引入element Transfer 穿梭框:Transfer 穿梭框按需引入Transfer 編輯main.js import { ... Transfer } from 'element-ui'; const components = [ ... Transfer ]; components.map(component => { Vue.component(component.n

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀vue按需引入element Transfer 穿梭框:Transfer 穿梭框按需引入Transfer 編輯main.js import { ... Transfer } from 'element-ui'; const components = [ ... Transfer ]; components.map(component => { Vue.component(component.n

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
}

安裝相應(yīng)插件

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

總結(jié)

以上所述是小編給大家介紹的vue按需引入element Transfer 穿梭框，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com