关于vue的下拉框显示数据库的数据

举个例子:新增二级类目的时候,选择一级类目。

关于vue的下拉框显示数据库的数据_第1张图片

实现:oneId,插入

        
          
            
          
        

命名一个方法:查询所有的一级类目

    getOneCategorys() {
      getOneCategorys().then(response => {
        this.categoryOptions = response.data;
      });
    },

使用改方法:

 created() {
    this.getOneCategorys();
  },

引入:

import { getOneCategorys } from "@/api/backstage/oneCategory";

在oneCategory.js中写上

// 查询一级分类
export function getOneCategorys() {
  return request({
    url: '/backstage/oneCategory/all',
    method: 'get'
  })
}

最后在controller中实现查询所有在使用的一级类目就可以了;ps当然后面还需要写service层和mapper啦

    /**
     * 查询一级分类列表
     */
    @PreAuthorize("@ss.hasPermi('backstage:oneCategory:all')")
    @GetMapping("/all")
    public AjaxResult all()
    {
        List list = tOneCategoryService.selectTOneCategoryNameList();
        return AjaxResult.success(list);
    }

你可能感兴趣的:(随手记,vue.js)