基于Vue+ElementUI的商场后台管理系统day11

• 实现删除商品分类
  逻辑是相似的，大差不差的写法。
• 提交代码

分支提交：git status --> git add . --> git status --> git commit -m "完成了分类功能的开发" --> git push
主分支提交: git branch --> git checkout main --> git merge goods_cate --> git push 

5.2.1 实现商品分类参数

• 创建新分支

git checkout -b goods_params --> git branch --> git push -u origin goods_params

• 实现面包屑、卡片地板、提示
• 实现选择商品分类的级联选择器

      <!-- 选择商品分类区域 -->
      <el-row>
        <el-col>
          <span>选择商品分类：</span>
          <!-- 级联选择器 -->
          <el-cascader
            v-model="selectedKeys"
            :options="cateList"
            :props="cascaderProps"
            @change="parentCateChanged"
            clearable
          ></el-cascader>
        </el-col>
      </el-row>

  data() {
    return {
      //分类列表数据
      cateList: [],
      //选中的元素的ID
      selectedKeys: [],
      //props配置
      cascaderProps: {
        expandTrigger: "hover",
        //保证只有三级分类能被选择
        // checkStrictly: true, 
        value: "cat_id",
        label: "cat_name",
        children: "children",
      },
    };
  },
  created() {
    this.getCateList();
  },
  methods: {
    //获取分类列表数据
    async getCateList() {
      const { data: res } = await this.$http.get("categories");
      if (res.meta.status !== 200) {
        return this.$message.error("获取商品分类失败！");
      }
      this.cateList = res.data
    //   console.log(this.cateList);
    },
  },