在我的Vue公司的JS代碼下面我有輸入total price和兩個輸入paid和percentage，我想做一個演算法，什么都網友寫道內paid輸入自動百分比應填寫percentage輸入和OFC這一比例是total price投入，也是用戶寫入時percentage輸入paid應該自動填充等等
有沒有辦法在 Vue js 中做到這一點？
PS：我寫了 v-model=instpaid 和 v-model=instprice 將資料發布到 API
<input type="number" v-model="instPrice" class="price-input mt-3" placeholder=" total price" required />
<br />
<input type="number" v-model="instPaid" class="price-input mt-3" placeholder=" paid " required />
<input type="number" class="price-input mt-3" placeholder=" percenatge" required />uj5u.com熱心網友回復：
也許類似于以下代碼段：
new Vue({
el: "#demo",
data() {
return {
instPrice: 0,
instPaid: 0,
pct: 0
}
},
methods: {
calc(pct) {
pct === true ?
this.instPaid = (this.instPrice / 100 * this.pct).toFixed(2)
:
this.pct = (this.instPaid / this.instPrice * 100).toFixed(2)
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
<input type="number" v-model="instPrice" placeholder=" total price" required />
<br />
<input type="number" v-model="instPaid" placeholder=" paid" @keyup="calc(false)" required />
<input type="number" placeholder=" percenatge" @keyup="calc(true)" v-model="pct" required />
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/403391.html
標籤：