我正在尝试使用来自v-model的道具的数据,以下代码可以正常工作,但有警告 .
import axios from 'axios';
export default {
props: {
value: String
},
methods: {
postPost() {
axios.put('/trajectory/inclination', {
body: this.value
})
.then(response => {
})
.catch(e => {
this.errors.push(e)
})
}
}
}
警告说:
"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"
所以我改变了,现在我正在使用数据,因为警告说 .
import axios from 'axios';
export default {
props: {
value: String
},
data() {
return {
_value: this.value
}
},
methods: {
postPost() {
axios.put('/trajectory/inclination', {
body: this._value
})
.then(response => {
})
.catch(e => {
this.errors.push(e)
})
}
}
}
所以现在代码不起作用,警告说:
"Property or method "_value" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option"
知道如何修复第一个代码来抑制警告吗? (或者如何修复第二个代码?)
Obs . :b-form-input它不是我的组件,这是来自Boostrap-Vue的文本输入(Doc for b-form-input)