Bootstrap

vue select 选中问题

select一般用法:

 <select class="form-control" v-model="userinfo.roleId" @change="identitychecked($event)">
    <option>--请选择--</option>
     <option v-for="li in roleLists" :value="li.roleId" :key="li.roleId">{{li.roleName}} 
     </option>
 </select>

选中以后在js中就可以根据获取到选中项的id  啦 !!!用法: 

console.log(this.userinfo.roleId)

不过如果还想获取到选中的 文本 怎么办呢?

使用 @change="identitychecked($event)"

  identitychecked(event) { 
      alert(event.target.options[event.target.options["selectedIndex"]].text) 
    },

就这样

;