el-select默认选中 直接绑定将option中的value值绑定给v-model

1、效果图

2、源码实现

<template>
  <div>
    <el-select v-model="query">
      <el-option
        v-for="item in options"
        :key="item.value"
        :value="item.value"
        :label="item.label"
      ></el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [
        {
          value: "宋江",
          label: "呼保义",
        },
        {
          value: "卢俊义",
          label: "玉麒麟",
        },
        {
          value: "吴用",
          label: "智多星",
        },
      ],
      query: "吴用",
    };
  },
};
</script>

3、关键代码说明

vue中el-select v-model使用动态query
<el-select v-model="query">
      <el-option
        v-for="item in options"
        :key="item.value"
        :value="item.value"
        :label="item.label"
      ></el-option>
    </el-select>
定义变量时：
query: "吴用",

4、仓库地址

仓库地址，关键代码在Components目录，ElSelectDefault.vue文件