prop在java中_在VUE.JS上使用v-model和prop

我正在尝试使用来自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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值