Vue解决select中给option添加点击事件时无法正常操作的问题
话不多说代码敬上<select name="" id=""><optionv-for="(item,index) in msgList" :key="index" @click="chooseCore(index)">{{item.name}}</option></select>起初我是想在点击时获取到当前的index以方便接下来的...
·
话不多说
代码敬上
描述问题:
目前的情况是我获取的数据用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值
问题解决
更多推荐
已为社区贡献1条内容
所有评论(0)