在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中循環(huán)渲染input,綁定value默認值后修改不更新

vue中循環(huán)渲染input,綁定value默認值后修改不更新

vue中使用v-model實現(xiàn)雙向綁定需要先定義被綁定的值,但是現(xiàn)在的情況是不知道會有多少項會被渲染,因此無法先定義被綁定的變量,于是我使用了Jquery獲取input框中的值
clipboard.png

就這種同一個訂單里面針對不同對象有不同的支付狀態(tài),并且是不固定個數(shù)的對象,于是我獲取值的方式是這樣的:

<span class="input-group w-50">
    <input type="text" :data-id="item.id" class="form-control pay-price"
                       :value="((item.book_price*100 - item.book_pay)/100).toFixed(2)">
    <span class="input-group-append"><span class="input-group-text">元</span></span>
</span>
let priceFen = 0;
let dataList = $('.pay-price');
$(dataList).each(function (k, v) {
   let orderId = $(this).data("id");
   if (orderId === OrderPayId) {
       priceFen = Number($(this).val()) * 100;
    }
});

這樣就能成功獲得到輸入框中的值,但是有一個問題,根據(jù)輸入的值生成支付二維碼后,input框中的值仍舊變?yōu)槌跏紇alue值,例如輸入20可以成功生成20的付款二維碼,但是生成之后input中的值仍舊為初始設置的value值

clipboard.png

現(xiàn)在如何使input框不重新渲染為value初始值呢。。。。

回答
編輯回答
逗婦惱

input的 value 需要綁定一個變量而不是一個表達式,你這里不應該用 input 吧,這里的值應該不會讓用戶輸入修改,可以換成 div,然后用 v-text 綁定表達式,或者直接用雙花括號就好了

2018年5月29日 21:13
編輯回答
小曖昧

目前問題已經(jīng)解決,一直以來都忽視了vue雙向綁定中的一個知識點,v-model="array[index].property";使用這個綁定,可以綁定不定長度數(shù)組中的某一個屬性的值

2017年2月1日 00:00
編輯回答
笑忘初

遇到同樣的問題了,求解答

2018年6月14日 14:35