B商品分类①:ui效果竖行展开表格treeTable(数据渲染)

效果

按钮细节:

el-row(el-col)他两锁死

带参请求获取数据

type="2"获取1、2层的数据
type="3"获取1、2、3层的数据



——存储获得的数据

竖行展开表格

竖行展开表格插件↓(查看详情有使用方法)

注册使用:

element-ui专门有element.js存放一些注册;其余就放main.js好了

看api、看案例(example里面的.vue文件):

直接写数据里面的那个名字cat_name,不用整this啥的 和table的prop用法差不多
columns每一个对象 对应一个列的定义

之前学过的

一些样式调整:


(是否有效的)图标按钮显示:


模板名用以区分不同的<template>

**其他两列类似做法


原文地址:https://www.cnblogs.com/icemiaomiao3/p/15804933.html