vue elementui Select 选择器

最新推荐文章于 2025-04-15 22:52:18 发布

小山羊~

最新推荐文章于 2025-04-15 22:52:18 发布

阅读量1.2k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_21747731/article/details/105243245

版权

vue 专栏收录该内容

35 篇文章

订阅专栏

1.template中

         <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="4">
            <div class="pub_input_content">
              <span class="pub_input_title">审核状态</span>
              <el-select v-model="searchData.product_status" class="pub_input_input" placeholder="请选择审核状态">
                <el-option v-for="item in stateList" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </div>
          </el-col>

2.data中

      // 状态
      stateList: [
        { value: '', label: '全部' },
        { value: 1, label: '待审核' },
        { value: 2, label: '已拒绝' },
        { value: 3, label: '已上架' },
        { value: 4, label: '待上架' },
        { value: 5, label: '运营下架' },
        { value: 6, label: '商家下架' }
      ],