Vue.js에서 변경 시 입력에 값을 할당합니다.

Question

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>

Answer 1

내가 이해한 것이 맞다면 입력을 통해 매번 form.price_user 时更改 form.price_vat를 변경하고 싶을 것입니다.

watch 来完成此操作。只需在 vue 中添加以下 methods를 사용하면 됩니다:

으아악

그래서 이 코드에서는 form.price_user 发生变化时，您都会将 form.price_vat 的值更新为 1。您可以在 watch함수 내부에서 어떤 작업을 수행할 때마다 발생합니다.

전체 vue 부분은 다음과 같습니다:

으아악