web-dev-qa-db-fra.com

Comment passer des accessoires aux pages de composants <nuxt />

Quelqu'un a-t-il pu passer des accessoires aux pages de Nuxt.js?

Les accessoires typiques de Vue.js peuvent être passés comme suit:

// parent-component.vue


<child-component :basket-count="items.length"/>

<script>
import ChildComponent from './child-component'
export default {
  data () {
    items: [{}, {}]
  },
  components: {
    childComponent: ChildComponent
  }
}
</script>


// child-component.vue


<p>You have {{ basketCount }} items in your basket</p>

<script>
export default {
  props: [
    'basket-count'
  ]
}
</script>

Mais lorsque vous utilisez le <nuxt /> tag dans une mise en page default.vue, les accessoires ne sont pas transmis aux pages enfants comme ils le devraient.

La discussion a déjà eu lieu ici , mais le ticket semble n'avoir aucune conclusion. Je ne peux pas encore dépanner un moyen de travail pour y parvenir.

Est-ce que je posterai, mais curieux de connaître les pensées des développeurs Nuxt.js à ce sujet?

nuxt.js
4
CodeUK

vous devez utiliser camelCase dans la partie JavaScript

<script>
export default {
  props: [
    'basketCount'
  ]
}
</script>

Pour passer des données entre les composants de la page, une autre façon est d'utiliser un magasin Vuex https://nuxtjs.org/guide/vuex-store/

7
Nicolas Pennec