数据定义

	data() {
	      return{
		      projectlist: [],//Select 遍历集合
		      itemId: 0
	      }
    };
下拉框定义
	//v-model="itemId" 绑定值到itemId上 
	//定义事件getitemId下拉框改变获取信息
	<el-select placeholder="项目选择" v-model="itemId" @change="getitemId">
	      <el-option
	        v-for="project in projectlist"
	        :key="project.id"
	        :label="project.qname"
	        :value="project.id"
	      ></el-option>
	</el-select>

事件定义

	method:{
		getitemId(value){
		
		}
	}

获取值

	method:{
		getitemId(value){
			  let obj = {};//定义对象集合
		      obj = this.projectlist.find(project => {//projectlist 为Select遍历集合 project 为Select 遍历 对象
		     	   return project.id === value; //筛选出匹配数据 返回对象
		      });
		      console.log(obj.name); //name Select中 对象 label
		      console.log(obj.id);//id Select 中 对象 id
		}
	}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐