在 select 标签中加上 @change 属性即可，并且调用的方法上加上 v-model 对应的变量获取选项值

<select 
	v-model="value"
    @change="getDepartData(value)">
	<option 
		class="droppack" 
        v-for="item in depart" 
        :key="item.deptId" 
        :label="item.deptName"
        :value="item.deptId">
    </option>
</select>
				
<el-select  v-model="msg.bcode" placeholder="请选择" @click.native="getCodeByType">
   <el-option
     v-for="item in bnftCodes"
       :key="item.k"
       :label="item.k"
       :value="item...
本人学生 ????, 平时在外面没事接点小项目小赚一笔补贴生活费. 之前一直都是使用Vue2.x的版本做项目, 暑假刚刚学习了Vue3想着新项目就直接用Vue3上手.
好了, 话不多说先给大佬们看看效果样式:
因为下拉框可能会在某些情况下被挡住, 所以这里的下拉框被挂载到了body标签上, 并且下拉框中的选项往往是以<slot>插槽的形式编写, 这里就会困扰到很多小白, 搞不明白怎么样才能在下拉框与触发下拉按钮之间
				
<div id="app">
        <select v-model="selectItem" @change="selectFn($event)">
            <!--选择项的value值默认选择项文本 可动态绑定选择项的value值 更改v-model指令绑定数据-->
            <option ...
          <Select v-model="typeSelect" style="width:150px;float: right;z-index:999;position: relative" placeholder="请选择指标" @click="changeType()">
            <Option v-for="type in typeArray" :value="type.value" :key="type...
				
onselect属性可用于,,,,和.主要是借用event获取其值和selectionStart选中下标起始selectionEnd选中的下标结束。然后字符串截取出来。作用当文本被选中时，执行一段Javascript代码。onselect事件会在文本框中的文本被选中时发生。
vue、js onSelect事件 获取选中的值......
				
<select @change="findItemNameBYClass">
       <option v-for="(name,index) in findItemName" :key="index">{{name}}</option>
</select>
var vm = new Vue({
	el : '#container',
	data : {
	methods:{
		findItemNameBYClass:function(e){.
<select name="" id="">
	<option  v-for="(item,index) in msgList" :key="index" @click="chooseCore(index)">{{item.name}}</option>
</select>
起初我是想在点击时获取到当前的index以方便接下来的...