Vue.js Vuejs在输入更改时设置v模型
我想在一个输入中设置Vue.js Vuejs在输入更改时设置v模型,vue.js,Vue.js,我想在一个输入中设置v-model和value。这是我的密码: 问题是第二个输入。现在它是这样工作的: 您在净价中输入值 输入数量 它计算一个值并在readonlyinput中进行设置 现在,我想在第二个输入中设置v-model,但当我尝试这样做时,我得到了一个错误。 有没有办法将模型设置为该计算值?更可靠的方法可能是将您的计算逻辑放在一个方法中,并使用该方法将各个项目的值解包。此外,如果未打包的值是未定义的,也可以为变量赋值——这样,您就不必再担心计算值返回NaN,因为当它们返回时,它们将
v-model
和value
。这是我的密码:
问题是第二个输入。现在它是这样工作的:
净价中输入值
readonly
input中进行设置v-model
,但当我尝试这样做时,我得到了一个错误。
有没有办法将模型设置为该计算值?更可靠的方法可能是将您的计算逻辑放在一个方法中,并使用该方法将各个项目的值解包。此外,如果未打包的值是
未定义的
,也可以为变量赋值——这样,您就不必再担心计算值返回NaN
,因为当它们返回时,它们将返回到零
试试这样:
newvue({
数据:()=>({
发票:{
项目:[
{
净价:30.05,
数量:4
},
{
净价:14.99,
数量:7
},
]
}
}),
方法:{
计算({净价=0,数量=0}){
退货(净价*数量)。固定(2);
}
}
})
.$mount(“#app”)代码>
净价
量
全部的
一种更稳健的方法可能是将您的计算逻辑放在一个方法中,并使用该方法来解包各个项目的值。此外,如果未打包的值是未定义的
,也可以为变量赋值——这样,您就不必再担心计算值返回NaN
,因为当它们返回时,它们将返回到零
试试这样:
newvue({
数据:()=>({
发票:{
项目:[
{
净价:30.05,
数量:4
},
{
净价:14.99,
数量:7
},
]
}
}),
方法:{
计算({净价=0,数量=0}){
退货(净价*数量)。固定(2);
}
}
})
.$mount(“#app”)代码>
净价
量
全部的