设置elementUI中el-select的默认值

最近在家办公写到一个问题设置el-select的默认值,其实是一个很简单的问题下面直接上个小demo

<el-form ref="form" :model="form">
	<el-form-item label-width="10px">
          <el-select
            v-model="form.region"
            placeholder="请选择分类维度"
          >
            <el-option
              label="上海"
              value="shanghai"
            ></el-option>
            <el-option
              label="北京"
              value="beijing"
            ></el-option>
          </el-select>
     </el-form-item>
</el-form>

上面没设置之前效果如下
在这里插入图片描述
想让上海设置成默认值只需要把form.region的值设置成上海就可以
代码如下

data(){
     
	return{
     
		form:{
     
			region:'shanghai'
		}
	}
}

效果如下
在这里插入图片描述

你可能感兴趣的:(Vue,ElementUI,后台管理系统,javascript,vue.js)