在 Vue 应用程序中获取自定义组件道具值

Question

I have a custom checkmark I created.

Vue.component('checkle', {
    props: ['crisis'],
    template: '<input type="checkbox" class="form-check-input" />',
    mounted: function() {
        var vm = this
        $(this.$el).on('change', function() {
            vm.$emit('change')
        })
    }
})

            <checkle crisis="crisisvalue"
                     v-model="Model"
                     @change="changeLEC()" :disabled="!SomeValue">
            </checkle>

As you can see I have a @change which is defined in my Vue App. But I don't know how to access my crisis prop inside my app. Is there anyway to do this?

Answer 1

https://v2.vuejs.org/v2/guide/events.html

You can access props directly by name:

@change="changeLEC(crisis)"

or this.crisis inside changeLEC , which should be provided to your component as part of the methods: property of your component object.