vue element ui Select 选择器设置默认状态

效果图：

将系列状态默认为上架状态。

代码实现

 1.HTML

1.  
   <el-select v-model="queryParams.status" clearable placeholder="请选择状态">
2.  
   <el-option
3.  
   v-for="item in options"
4.  
   :key="item.value"
5.  
   :label="item.label"
6.  
   :value="item.value">
7.  
   </el-option>
8.  
   </el-select>

2.js

1.  
   data(){
2.  
   return {
3.  
   editBoxShow:false,
4.  
   queryParams:{
5.  
   cateName:'',
6.  
   sortIndex:"",
7.  
   status:"",
8.  
   },
9.  
   options: [
10.  
    {
11.  
    value: 1,
12.  
    label: '上架'
13.  
    }, {
14.  
    value: 2,
15.  
    label: '下架'
16.  
    }],
17.  
     
18.  
    }
19.  
    },
20.  
    mounted() {
21.  
    this.queryParams.status=1//页面加载进来的时候设置
22.  
    },

以上代码就可以实现其功能

这篇好文章是转载于：学新通技术网