vue el-select 默认选中

原创于 2021-12-08 18:10:25 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript

vue 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何在前端使用Element UI实现一个下拉列表，通过v-model绑定数据状态。具体展示了如何创建一个动态选项列表，并通过statusOptions数据动态设置状态选择。

1、下拉列表
<el-form-item label="状态">
          <el-select v-model="temp.Status" class="filter-item" placeholder="Please select">
            <el-option
              v-for="item in statusOptions"
              :key="item.id"
              :label="item.status_name"
              :value="item.id"
            />
          </el-select>
</el-form-item>



2、数据：
statusOptions: [{ id: 0, status_name: '无效' }, { id: 1, status_name: '有效' }]

3、执行
this.temp.Status = this.statusOptions[1].id