Javascript vuejs输入未显示值
输入绑定问题 :value不显示值无语法错误,但使用{{row.item.FEE} 在其他地方,它可以正常工作。为什么它没有在输入字段中显示值。 请帮忙Javascript vuejs输入未显示值,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,输入绑定问题 :value不显示值无语法错误,但使用{{row.item.FEE} 在其他地方,它可以正常工作。为什么它没有在输入字段中显示值。 请帮忙 <b-form-input :value="row.item.FEE" v-model="model.Fee[row.item.id]" @change="changeField('FEE', model.Fee, row.item.id)" ></b-form-input&
<b-form-input
:value="row.item.FEE"
v-model="model.Fee[row.item.id]"
@change="changeField('FEE', model.Fee, row.item.id)"
></b-form-input>
见:
v-model将忽略任何表单元素上的初始值、选中或选定属性。它将始终将Vue实例数据视为真相的来源。您应该在组件的data选项内的JavaScript端声明初始值
尝试将其传递给函数。此外,我认为你应该使用一种v型的方法
methods.modelFee=functionid{
返回此.model.Fee[id]
}
我已经做了一些修改,使它能正常工作 这是我的更新代码
<b-form-input :value="row.item.MIN" @change="changeField('MIN', $event, row.item.id)"></b-form-input>
删除了v型,以便我可以在输入字段中看到值。
使用$event获取@Change event的更新值
我希望有帮助。有:value和v-model,但是:value将被忽略,不需要
要初始化b-form-input的值,可以在安装组件时将v-model value mode.Fee[row.item.id]设置为您的期望值row.item.Fee
<b-form-input
v-model="model.Fee[row.item.id]"
@change="changeField('FEE', model.Fee, row.item.id)"
></b-form-input>
...
mounted() {
this.model.Fee[this.row.item.id] = this.row.item.FEE;
},
为什么:需要价值值将被忽略。@Antonio,因为我需要显示旧值:value=row.item.FEEValue未使用v-model=model.Fee[row.item.id]初始化。@Peter您尝试过吗?你怎么知道的?是的,我已经用你的方法进行了测试,得到了错误[Vue warn]:挂载钩子中的错误:TypeError:无法读取的属性“item”undefined@Peter你能提供更多的代码吗?我不明白你真正的问题是什么。根据您当前的代码,我只能说您不需要使用:value。