慕村9548890
2023-09-21 16:26:23
我有兩個輸入位于模態中,還有一個按鈕,當用戶單擊它時會生成另外兩個輸入。它可以工作,但我想在兩個輸入旁邊添加一個很棒的字體圖標,僅用于動態創建的輸入,如何在 Vue 中實現此目的?到目前為止,這是我的代碼:<div class="price-round-creation-containe" v-for="(shareholder, index) in shareholders" :key="index"> <div> <input v-model="shareholder.username" :name="`shareholders[${index}][username]`" type="text" class="form-control input" > </div> <div> <input v-model="shareholder.investment" :name="`shareholders[${index}][investment]`" type="text" class="form-control input" > </div></div><p class="add-new-shareholders-p" @click="createNewPricedRoundShareholder"> <i class="fa fa-plus-circle fa-lg" />ADD NEW SHAREHOLDER</p>我的數據:shareholders: [ { investment: "Investment", username: "Username" },]以及我的添加按鈕的功能:createNewPricedRoundShareholder() { this.shareholders.push({ username: "Username", investment: "Investment" },}
1 回答

GCT1015
TA貢獻1827條經驗 獲得超4個贊
dynamic: true您可以在添加項中添加額外的屬性:
this.shareholders.push({
username: "Username",
investment: "Investment",
dynamic: true
})
并在顯示輸入時檢查它:
<div>
<input v-model="shareholder.username" :name="`shareholders[${index}][username]`" type="text" class="form-control input" >
<i v-if="shareholder.dynamic" class="fa fa-plus-circle fa-lg" />
</div>
<div>
<input v-model="shareholder.investment" :name="`shareholders[${index}][investment]`" type="text" class="form-control input" >
<i v-if="shareholder.dynamic" class="fa fa-plus-circle fa-lg" />
</div>
添加回答
舉報
0/150
提交
取消