Vue 中 v-model 在自定义组件中的使用

Posted xiaoyucoding

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue 中 v-model 在自定义组件中的使用相关的知识，希望对你有一定的参考价值。

<div id="app">
    "inputValue 的值：" + {{inputValue}}
    <my-input v-model="inputValue"></my-input>
</div>

Vue.component(‘my-input‘, {
    template: ‘<div><input type="text" ref="el" :value="value" @input="onInput"/></div>‘,
    props: {
        value: String
    },
    methods: {
        onInput() {
            this.$emit(‘input‘, this.$refs.el.value);
        }
    }
});
new Vue({
    el: ‘#app‘,
    data: {
        inputValue: ‘10‘
    }
});

以上是关于Vue 中 v-model 在自定义组件中的使用的主要内容，如果未能解决你的问题，请参考以下文章