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

鍍金池/ 問答/HTML/ Vue中標(biāo)簽中v-for循環(huán)的index值如何作為參數(shù)傳遞給外部方法？

Vue中標(biāo)簽中v-for循環(huán)的index值如何作為參數(shù)傳遞給外部方法？

<div> 
    <div class="form-group height35">
        <label  class="col-sm-3 control-label paddingRight0 fontStyle">選擇模塊</label>
        <div class="col-sm-8 paddingLeft0">
            <select name="" id="" class="form-control" v-model="chooseCurrentModuls">
                <option :value="item.chapterName" v-for="(item,index) in chooseModules" :key="index">{{item.chapterName}}</option>
            </select>
        </div>
    </div>
</div>
<button slot="footer" type="button" class="btn btn-default sameButton sureButton" @click="sureAddToReport()">確定</button>
<button slot="footer" type="button" class="btn btn-default sameButton cancelButton" @click="openJoinReport=false">取消</button>

如上代碼，選擇模板下拉菜單時(shí)，希望將選中的值的index傳遞給點(diǎn)擊“確定”按鈕時(shí)觸發(fā)的sureAddToReport方法。但是現(xiàn)在不知道如何將index傳遞到外部？使用getAttribute也取不到key的值
請(qǐng)問怎么處理這種問題將index傳給外部方法呢？

補(bǔ)充說明一下，chooseCurrentModuls=chooseModules[index].chapterName，之所以不用取到的chooseCurrentModuls是因?yàn)闇y(cè)試中發(fā)現(xiàn)這個(gè)值是可以同名的，因此會(huì)導(dǎo)致傳到后臺(tái)的其他參數(shù)的錯(cuò)誤，需要用index確定一下chooseModules中的其他參數(shù)

回答
編輯回答
呆萌傻

select的v-model已經(jīng)可以拿到ID了，與chooseModules匹配即可。不需要記錄index，反正你記錄index的目的也是為了查找選中的那一條

2017年4月15日 11:32
編輯回答
安淺陌

這個(gè) chooseCurrentModuls 不是已經(jīng)記錄嗎？
sureAddToReport 方法可以通過chooseModules.filter(_=>_.chapterName === this.chooseCurrentModuls) 拿到對(duì)象（也可以將chooseModules,map一下來省去 filter 開銷）。

當(dāng)然也可以直接將 option 的 value 直接綁定為 item，這樣就直接拿到對(duì)象了。

2017年8月26日 22:09