代码如下（示例）：

    created(){
        this.form.region=this.option[0].value
                    二、步骤1.用elementui画下拉框代码如下（示例）：<el-form-item label="活动区域">    <el-select v-model="form.region" placeholder="请选择活动区域">    <el-option v-for="item in option" :key="item.id" :label=item.value :value="item.id"></el-option>    </e
v-select-scroll: Select 组件监听滚动，以便做懒加载
v-dialog-drag: Dialog 组件拖拽任意位置
v-dialog-drag-width: Dialog 组件拖拽宽度
v-dialog-corner: Dialog 组件右下角拖拽宽度高度
v-clipboard: 剪切板指令，类似 复制、Ctrl + C等复制文本至剪切板
提供原型方法：
$clipboard(): 剪切板方法，类似 复制、Ctrl + C等复制文本至剪切板
How to use
yarn add vue-element-utils
npm inst
今天写项目，需要循环出select内的数据以后，页面一加载默认选中第一个数据，写完循环发现原本默认显示第一条的select框没变化，要选择后才有显示，结果查了好多文档，讲的都不是很清楚，自己研究了一下,发现很简单,记录一下。
一.初始效果
<template>
 <div class="statistical">
        <span>请选择店铺：</span>
				
1、 需求场景分析
用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在的值。
2、 Layui的select下拉框是怎么实现的
为了获得一个select标配的下拉框，我们需要在html中填写的内容如下：
 * 发送对象：
				
elementUI select下拉框设置默认值
要为select下拉框设定默认值，只需要把 v-model 绑定的值和你想要选中 option 的 value 值设置一样即可。
<el-select v-model="valuetype"  @change="changetype">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
				
你可以通过设置 `v-model` 和 `options` 属性来实现 Vue Select 下拉框默认选中第一个选项。具体做法如下：
1. 在 Vue 组件中，定义一个 `selected` 变量，用于存储选中的选项的值。
2. 在 Vue Select 下拉框中设置 `v-model` 绑定 `selected` 变量。
3. 在 Vue Select 下拉框中设置 `options` 属性，绑定一个数组，数组中存储所有选项的值。
4. 在 `mounted` 生命周期钩子函数中，设置 `selected` 变量为数组中第一个选项的值。
示例代码如下：
```html
<template>
    <v-select v-model="selected" :options="options"></v-select>
</template>
<script>
export default {
  data() {
    return {
      selected: '', // 存储选中的选项的值
      options: ['选项1', '选项2', '选项3'] // 所有选项的值
  mounted() {
    this.selected = this.options[0]; // 设置选中的选项为数组中第一个选项
</script>