Vue前端下拉列表的实现

最新推荐文章于 2024-04-01 14:38:45 发布

chuyufengling

最新推荐文章于 2024-04-01 14:38:45 发布

阅读量188

点赞数 1

分类专栏：前端Vue 文章标签： vue.js 前端 elementui

本文链接：https://blog.csdn.net/xuan__xia/article/details/132090561

版权

前端Vue 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<el-col >
          <el-form>
            <el-form-item>
              <el-select placeholder="菜单等级" v-model="chooseLevel">
                <el-option
                  v-for="item in levelOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-form>
</el-col>


data(){

    return{
            levelOptions: [
                    {
                  value: '等级',
                  label: '等级'

                    },
                    {
                  value: '1',
                  label: '等级一'
                  }, {
                  value: '2',
                  label: '等级二'
                  }, {
                value: '3',
                label: '等级三'
                  }, {
                value: '4',
                label: '等级四'
                  }],
}