我正在努力处理我需要使用 Vue.JS 完成的表单。基本上,我需要每次更新名为“price_user”的输入时,通过一些计算来更新“price_vat”字段的值。 Usign jquery 一切都在进行。使用 Vue 不会将对接数据传递到 POST 方法。
<div class="col-md-6" v-show="form.active">
<div class="form-group">
<label >{{__('Price')}}</label>
<input type="number" v-model="form.price_user" class="form-control">
</div>
</div>
<div class="col-md-6" v-show="form.active">
<div class="form-group">
<label >{{__('Price with VAT')}}</label>
<input type="number" v-model="form.price_vat" class="form-control">
</div>
</div> Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
如果我理解正确的话,您希望每次通过在输入中键入来更改
form.price_user时更改form.price_vat。您可以使用
watch来完成此操作。只需在 vue 中添加以下methods即可:watch:{ 'form.price_user':function():{ this.form.price_vat += 1 }, }因此,在这段代码中,每次
form.price_user发生变化时,您都会将form.price_vat的值更新为 1。您可以在watch函数内执行任何操作。完整的
vue部分将是:data(){ return:{ form:{ price_vat :'', price_user : '', } } }, methods:{}, watch:{ 'form.price_user':function():{ this.form.price_vat += 1 }, }