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 在自定义组件中的使用的主要内容，如果未能解决你的问题，请参考以下文章