如何給v模型調用指定參數

Question

如何在v模型中給出數組天數的索引？

<select v-model="dayList" id="dayList">
    <option v-for="(day, index) in days" :key="index">{{ selectDaysLabel(day) }}</option>
</select>

和：

dayList(index) {
  console.log(index) // should give you either 0, 1, 2...
}

謝謝您的幫助 ！

Answer 1

您可以根據需要將<option>的值與特定數據類型v-bind:value="{ 'data': day, 'index':index }"例如v-bind:value="{ 'data': day, 'index':index }" ，也可以簡單地將v-bind:value="index" 。

 new Vue({ el: "#app", data: { selectedDay: '', days: ['A', 'B', 'C', 'D'] }, methods: { getSelect(){ console.log(this.selectedDay ? this.selectedDay.index : 'No selection') } } }); 

 <script src="https://unpkg.com/vue@2.0.1/dist/vue.js"></script> <div id="app"> <button v-on:click="getSelect()">Test</button> <select v-model="selectedDay" > <option v-for="(day, index) in days" v-bind:value="{ 'data': day, 'index':index }">{{day}}</option> </select> </div>