Javascript 如何在vuejs中获取“选择选项名称”属性

我想在vuejs中获得一个选择选项名称属性。我试着用它来评价属性。它工作得很好。我在下面提到了试用代码

试用代码：

<select id="countryselect" name="country" @change="onChange()">
  <option value="1" name="0">Afghanistan</option>
  <option value="2" name="0">Albania</option>
  <option value="3" name="0">Algeria</option>
  <option value="4" name="1">Malaysia</option>
  <option value="5" name="0">Maldives</option>
</select>

var app = new Vue({
  el: '#app',
  methods: {
    onChange: function() {
      //this workes well
      var b = event.target.value;
      // this not workes
      var c = event.target.name;
    }
  },
});

阿富汗
阿尔巴尼亚
阿尔及利亚
马来西亚
马尔代夫
var app=新的Vue({
el:“#应用程序”，
方法：{
onChange:function（）{
//这很管用
var b=事件.target.value；
//这不管用
var c=event.target.name；
}
},
});

---

我想知道我该怎么做。谢谢。

event.target.name

实际上返回

select

元素的

name

属性，而不是所选的

选项。要获取所选
选项的
名称
属性
，可以使用如下方法：


var-app=新的Vue({
el:“#应用程序”，
方法：{
onChange:function（）{
var options=event.target.options
如果（options.selectedIndex>-1）{
var name=options[options.selectedIndex].getAttribute（'name'）；
console.log（名称）
}
}
},
});

---挑选---
阿富汗
阿尔巴尼亚
阿尔及利亚
马来西亚
马尔代夫