所以我有多个这样的代码：
<input id="data" type="text" v-model="data">
<label for="data">Data</label>
我试图用它做一个财产，这样我就不会每次都重复它：
Vue.component('textbox', {
template: `
<div>
<input :id="id" type="text" v-model="value">
<label :for="id">{{ label }}</label>
</div>
`,
props: [
"id", "value", "label", "for"],
watch: {
value: function(newVal){
this.$emit('input', newVal)
}
}
})
并像这样在我的html中访问它：
<textbox v-model="data" id="someID" label="Data"></textbox>
一切正常，但是每次我在文本框中键入内容时，都会在控制台中收到以下警告：
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "value"
(found in component <textbox>)
有没有办法删除该警告消息？还是我做错了方法？任何帮助将非常感激。
您根本不需要使用手表。而不是使用v模型，请尝试以下操作：
<input :id="id" type="text" :value="value" @input="$emit('input', $event.target.value)">
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句