Maison  >  Questions et réponses  >  le corps du texte

Comment charger des composants (installés) dans l'API Vue Composition

<p>J'essaie de charger <code>vue3-burger-menu</code>, mais la documentation concerne uniquement l'API <code>Options</code>. Par contre, j'utilise l'API <code>Composition</code>, mais je suis un peu bloqué. </p> <p>La documentation indique ceci : </p> <pre class="brush:php;toolbar:false;">import { Slide } from 'vue3-burger-menu' // importez les transitions CSS que vous souhaitez utiliser, dans ce cas nous utilisons `Slide` exporter par défaut { Composants: { Slide // Enregistrez votre composant } }</pré> <p>Mais <code>exporter les valeurs par défaut</code> ne fonctionne pas pour moi. </p> <p>Alors, comment puis-je charger des diaporamas <code></code> ? </p>
P粉010967136P粉010967136441 Il y a quelques jours457

répondre à tous(1)je répondrai

  • P粉151466081

    P粉1514660812023-08-29 00:00:30

    Voici un terrain de jeu fonctionnel avec un exemple vue3-burger-menu.

    https://stackblitz.com/edit/vue-wwkpny ?file=src/App.vue

    Vous devez mettre le code de la question dans un composant personnalisé.

    Comme ça :

    MonMenu.vue

    <template>
        <Slide>
          <a id="home" href="#">
            <span>Home</span>
          </a>
        </Slide>
    </template>
    
    <script>
    import { Slide } from 'vue3-burger-menu'  // import the CSS transitions you wish to use, in this case we are using `Slide`
    
    export default {
        components: {
            Slide // Register your component
        }
    }
    </script>

    et utilisez-le dans l'application :

    App.vue

    <template>
      <div id="app">
        <MyMenu />
      </div>
    </template>
    
    <script>
    import MyMenu from './components/MyMenu.vue'
    
    export default {
      name: 'App',
      components: {
        MyMenu
      }
    }
    </script>

    répondre
    0
  • Annulerrépondre