el-select默认展示第一个元素

<el-select v-model="form.id" clearable>
  <el-option v-for="item in list" :key="item.id" :label="item.name" :value="item.id"/>
</el-select>

<script>
export default {
	data() {
		return {
			list: [],
			form: {
				id:1 //这里必须写,随便写一个值就行,不然展示会出问题
			},
		}
	}
	methods:{
		queryList() {
	        queryEventList().then(response => {
	          this.list = response.data;
	          // 默认展示第一个元素
	          this.form.id = this.list[0].id;
	        });
        },
	}
}
</script>

版权声明:本文为weixin_44001012原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。