javascript - vue数据集输出未定义

Question

我正在尝试将对象的值和索引传递给 vue 方法。我的方法能够显示值，但索引未定义。请指教我哪里做错了。

JAVASCRIPT：

<div class="select is-info">
    <select @change="change_default_canvas($event.target.value, 
       $event.target.dataset.index)" id="select_business_model_version">
       <option>Select Version</option>
       <option v-for="(history,index) in all_business_models_hisotry" :key="index" :value="history.canvas_id" :data-index="index">Date : {{history.date_submitted}}</option>
    </select>
</div>

$event.target.dataset.index正在输出undefined

标签： javascriptvue.jsvuejs2vue-component

Answer 1

用户selectedIndex（index - 1实际上跳过第一个选项）：

<div id="myComp">
  <div class="select is-info">
      <select @change="change_default_canvas($event.target.value, 
         $event.target.selectedIndex)" id="select_business_model_version">
         <option>Select Version</option>
         <option v-for="(history,index) in all_business_models_hisotry" :key="index" :value="history.canvas_id" :data-index="index">Date : {{history.date_submitted}}</option>
      </select>
  </div>
</div>

小提琴：https ://jsfiddle.net/7ysa14cf/