亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 Vue.js 中動態添加很棒的字體圖標

如何在 Vue.js 中動態添加很棒的字體圖標

慕村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>


查看完整回答
反對 回復 2023-09-21
  • 1 回答
  • 0 關注
  • 120 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號