Vue解决select中给option添加点击事件时无法正常操作的问题

话不多说
代码敬上

描述问题:
目前的情况是我获取的数据用v-for渲染到option里了 点击option传递index来获取到一个值来进行后续操作

<select name="" id="">
	<option  v-for="(item,index) in msgList" :key="index" @click="chooseCore(index)">{{item.name}}</option>
</select>

起初我是想在点击时获取到当前的index以方便接下来的获取数据和渲染等操作
但是在methods里写好chooseCore(index)方法之后发现连简单的console.log(1)都办不到
问题出现

解决办法

<select name="" id="" @change="chooseCore($event)">
	<option :value="index"  v-for="(item,index) in msgList" :key="index">{{item.name}}</option>
</select>

此时在select里绑定一个@change="chooseCore($event)“方法
在methods里

chooseCore(event){
	console.log(event.target.value)
}

即可获取到原本想获取的index值
问题解决