vue v-for 下拉框點擊事件


創建下拉框:

 <div id="chart-shopname" class="chart-shopname">
          <select v-model="selected" @change="changeShop">
            <option disabled value="">請選擇</option>
            <option   v-for="(store,index) in secondSummary.t0RealtimeStoreList" :value="store.shopName">{{store.shopName}}</option>
          </select>
        </div>

點擊相應選項,出現相應數據,試了用watch監聽,然后發現一種更簡單的方法

 changeShop(){
                this.secondSummary.t0RealtimeStoreList.forEach(item=>{
                    if(this.selected === item.shopName){
                      this.secondSummary20 = item.totalTop20Prod;
                    }
                })
            },

直接用if 判斷selected,然后調用


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM