Vue_shop学习86：商品分类页面结构渲染

最新推荐文章于 2023-07-08 14:26:05 发布

¡Venceremo

最新推荐文章于 2023-07-08 14:26:05 发布

阅读量111

点赞数

分类专栏： Vue_shop 文章标签：学习

本文链接：https://blog.csdn.net/weixin_47295886/article/details/130474375

版权

Vue_shop 专栏收录该内容

93 篇文章 3 订阅

订阅专栏

面包屑导航区：

      <!-- 面包屑导航区 -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>商品分类</el-breadcrumb-item>
        </el-breadcrumb>
    </div>

卡片视图区域“

        <!-- 卡片视图区域 -->
        <el-card class="box-card">
            33
        </el-card>

添加分类：

<template>
    <div>
        <!-- 面包屑导航区 -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>商品分类</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- 卡片视图区域 -->
        <el-card class="box-card">
            <el-row>
                <el-col>
                    <el-button type="primary">添加分类</el-button>
                </el-col>
            </el-row>
            <!-- 表格区域 -->
            <!-- 分页区域 -->
        </el-card>
    </div>
</template>
<script>
    export default{
        data() {
            return {
                
            }
        },
        created() {
            
        },
        methods: {
            
        },
    }
</script>
<style lang="less" scoped>

</style>

接下是获取分类数据渲染表格