Vue stellt auf Anfrage die Element Transfer Shuttle Box vor

In diesem Artikel teilen wir Ihnen hauptsächlich die relevanten Informationen zur On-Demand-Einführung der Element-Transfer-Shuttle-Box in Vue mit. Freunde, die sie benötigen, können darauf zurückgreifen.

Transfer-Shuttle-Box

Transfer bei Bedarf einführen

main.js bearbeiten

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

Transformation installieren- vue-jsx-Plug-in

Bearbeiten Sie die .babelrc-Datei

{
 "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
}

Installieren Sie das entsprechende Plug-in

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

Verwandte Empfehlungen;

HTML5-Erklärung des dataTransfer-Objekts

Das obige ist der detaillierte Inhalt vonVue stellt auf Anfrage die Element Transfer Shuttle Box vor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!