使用场景:一个按钮点击后根据路由传递参数跳转到另外一个页面,跳转后根据参数指定el-select的显示。
实现:
//if判断是否是跳转到该页面,以及赋值 created() { if (null != this.$route.query.stationId) { //注意需要将路由参数类型转换为number,不然对应不到。 this.queryParams.stationId = this.$route.query.stationId * 1; } //动态加载regionList的值 this.getRegionList(); }
//select选择器
<el-form-item label="集团" prop="regionId"> <el-select v-model="queryParams.regionId" placeholder="请选择集团" clearable size="small" @change="queryStation" > <el-option v-for="region in regionList" :key="region.id" :label="region.name" :value="region.id" /> </el-select> </el-form-item>