vue elementUI select设置初始值

最新推荐文章于 2024-05-14 22:52:31 发布

活宝小娜

最新推荐文章于 2024-05-14 22:52:31 发布

阅读量6.1k

点赞数 1

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_44401371/article/details/127657116

版权

vue 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

有时候我们需要给element ui选择框设置初始值
需要注意的是el-select绑定的value，一定要类型和options里面的value类型和值全部一致（例如：options里面的value是字符串类型’1’，则el-select绑定的value也必须是字符串类型’1’ ），否则会出现其他效果

<template>
  <el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
<script>
data() {
      return {
        options: [{
          value: 1,
          label: '北方'
        }, {
          value: 2,
          label: '南方'
        }, {
          value: 3,
          label: '东方'
        }],
        value: 1 // 注意这里一定要类型和options里面的value一致，否则会显示不一致
      }
</script>