封装查询字典接口

最新推荐文章于 2024-01-17 14:42:14 发布

原创最新推荐文章于 2024-01-17 14:42:14 发布 · 280 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #接口 #javascript

vue 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了在Vue项目中如何进行查询字典接口的封装，从`main.js`的引入开始，详细讲解了接口文件的配置和实际使用场景，帮助开发者更好地理解和应用这一功能。

main.js引入

在这里插入图片描述

接口文件

在这里插入图片描述

使用

 <el-form-item label="标签规则" prop="direction">
          <el-select
            v-model="label.direction"
            placeholder="请选择标签规则"
            :clearable="true"
          >
           <el-option
                v-for="item in options3"
                :key="item.id"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
          </el-select>
        </el-form-item>

created() {
    
    //标签出入规则

    this.getDicts("5").then((response) => {
      this.options3 = response.data;
      //console.log(response)
    });

    this.getList();
  },