Passer une valeur d'un composant


#1

Bonjour,

Je suis un peu nouveau dans la communauté vuejs et je coince pour récupérer une valeur.

J’ai fait ceci :

<div id="swatches-component" :current="#795548"></div>

Et dans ma vue, j’ai fait :

<script>
import Swatches from 'vue-swatches'

import "vue-swatches/dist/vue-swatches.min.css"

export default {
    components: { Swatches },
    data: function() {
        return {
            color: this.current,
            colors : 'material-basic'
        }
    },
    props: {
        current: {
            type: String
        }
    },
    mounted: function () {
        console.log(this)
    }
}

Mais j’ai toujours un undefined.

Merci de votre aide :wink:


#2

tu dois mettre un objet JS a un bind :current="'#795548'" (string avec quote)
Après pour qqch de fix, pas besoin des deux points current="#795548"