我在這個(gè) vue 實(shí)例上的數(shù)據(jù)綁定仍然有一些問(wèn)題。我只是想將每個(gè)選擇選項(xiàng)與輸入之一聯(lián)系起來(lái)。因此,如果選擇了選項(xiàng)值 110,那么我想顯示輸入的美元金額等。我已經(jīng)將我的 vue 函數(shù)簡(jiǎn)化為只在控制臺(tái)中顯示值,它工作正常,因此綁定工作正常,但我仍然不確定如何將輸入(用于顯示/隱藏)與選擇的值聯(lián)系起來(lái)?這是筆:https : //codepen.io/anon/pen/ZdyXde<div id="discountChange" class="uk-grid"> <div class="uk-width-1-2"> <select name="discountChange" @change="changeDiscount" v-model="key"> <option value="110">Dollar Amount</option> <option value="100">Percentage</option> <option value="120">Terms</option> </select> </div> <div class="uk-width-1-2"> $ <input class="md-input" type="text" name="dollarAmount"> % <input class="md-input" type="text" name="percentage"> <input class="md-input" type="text" name="terms"> </div></div>var changeDiscount = new Vue({ el: "#discountChange", data: { key: "", }, methods: { changeDiscount: function() { console.log(this.key) } }})
Vue,綁定輸入以選擇選項(xiàng)
侃侃爾雅
2021-07-06 17:57:00