Maison > interface Web > js tutoriel > Vue présente l'élément Boîte de navette de transfert à la demande

Vue présente l'élément Boîte de navette de transfert à la demande

小云云
Libérer: 2018-05-14 16:42:45
original
3016 Les gens l'ont consulté

Dans cet article, nous partageons principalement avec vous les informations pertinentes sur l'introduction à la demande de l'élément Transfer Shuttle Box dans Vue. Les amis qui en ont besoin peuvent s'y référer. Nous espérons que cela pourra aider tout le monde.

Boîte de navette de transfert

Introduire le transfert à la demande

Modifier main.js

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

Installer transform- Plug-in vue-jsx

Modifier le fichier .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
}
Copier après la connexion

Installer le plug-in correspondant

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
Copier après la connexion

Recommandations associées ;

Explication HTML5 de l'objet dataTransfer

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal