树形+分页+表格

一.树形结构的增加和删除

1.树形结构的增加

传入上一层的pid

2.树形结构的删除

传入当前项的id

3.列表刷新

每做一次增加和删除都需要调用,获取列表的接口来刷新列表里面的数据,并且关闭弹窗

二.表格的使用

这些element-ui官方网站都可以进行查询。

这里面需要注意的点就是,有时候需要用到插槽语法来处理一些数据。

例如在表格的右侧使用插槽语法,添加按钮

状态的改变:如果当前列:1代表已启用,0则代表未启用这两种状态的改变

三.分页的使用

1.基本的使用

在做分页处理的时候,通常传入当前页,还有一个是当前页显示多少 

我们假设两个参数来表示当前的两个东西:

pageSize: 用pageSize来表示当前的页

pageNumber: 用pageNumber来表示当前页显示的容易

对应的有两个事件,当前页改变会发生什么,当前的页容量改变会发生什么的两个事件,在对应的官网都能查询的到。

2.可能会遇到的bug

当页容量发生改变的时候,让其回到第一页。

重新获取列表里面的数据。

三.表单校验的loading效果
 

不管成功失败结果都为false。

在element-ui的按钮Loading上加入转圈的效果。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/415467.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为什么需要放行回源IP

为什么需要放行回源IP 网站以“独享模式”成功接入WAF后,所有网站访问请求将先经过独享引擎配置的ELB然后流转到独享引擎实例进行监控,经独享引擎实例过滤后再返回到源站服务器,流量经独享引擎实例返回源站的过程称为回源。在服务器看来&…

GAMES104-现代游戏引擎:从入门到实践 - 物理引擎课程笔记汇总

文章目录 0 入门资料1 物理引擎基本概念Actor & shapesRigid body dynamicsCollision DetectionCollision Resolution 应用与实践Character controllerRagdoll 0 入门资料 GAMES104-现代游戏引擎:从入门到实践_课程视频_bilibiliGAMES104官方账号 - 知乎课程主页…

shopee孵化器选品:如何在Shopee孵化器中制定选品策略

Shopee孵化器(Shopee Incubator)是一个提供给卖家的平台,卖家可以在这里进行选品策略的制定。选品策略的制定是一个关键的过程,它决定了卖家能否成功地在Shopee平台上销售产品。在本文中,我们将介绍如何在Shopee孵化器…

【算法与数据结构】Java实现查找与排序

文章目录 第一部分:查找算法二分查找插值查找分块查找哈希查找树表查找 第二部分:排序算法冒泡排序选择排序插入排序快速排序 总结 第一部分:查找算法 二分查找 也叫做折半查找,属于有序查找算法。 前提条件:数组数据…

Nginx的应用场景之一http服务器

Nginx本身也是一个静态资源的服务器,当只有访问静态资源的时候,就可以使用Nginx来做服务器,如果一个网站只是静态页面的话,那么就可以通过这种方式来实现部署。 1、 首先在usr/local/test/下创建pic目录, 然后在pic中放一个test.…

Vue中v-if与v-show区别详解

✨ 专栏介绍 在当今Web开发领域中,构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架,正是为了满足这些需求而诞生。它采用了MVVM架构模式,并通过数据驱动和组件化的方式,使…

【jQuery入门】基础使用-入口函数、顶级对象$

文章目录 前言一、基础使用1.1 jQuery的下载1.2 简单的使用 二、顶级对象$总结 前言 jQuery是一款广泛应用于前端开发的JavaScript库,它简化了许多常见任务的操作,使得代码编写更加便捷。本文将介绍jQuery的基础使用,包括入口函数和顶级对象…

Docker-nacos集群部署

nacos单机模式 先拉取一个mysql docker pull mysql:5.7 定义一个挂载目录 mkdir -p /mysql/{conf,data,script} 配置一个my.cnf放到conf目录下 开启mysql容器 privilegedtrue:使用该参数,container内的root拥有真正的root权限,否则,cont…

鹧鸪云如何实现光伏测绘?

随着科技的飞速发展,新能源行业日新月异。作为可再生能源的一种,光伏能源日益受到重视。在此背景下,利用先进的技术,提高光伏测绘的效率,如卫星地图实景测绘、自动生成可研报告以及生成工程报价清单等,为光…

【Maven教程】(十四):生成项目站点—— 丰富项目信息、项目报告插件、自定义站点外观、国际化及部署站点 ~

Maven 生成项目站点 1️⃣ 最简单的站点2️⃣ 丰富项目信息3️⃣ 项目报告插件3.1 JavaDocs3.2 Source Xref3.3 CheckStyle3.4 PMD3.5 ChangeLog3.6 Cobertura 4️⃣ 自定义站点外观4.1 站点描述符4.2 头部内容及外观4.3 皮肤4.4 导航边栏 5️⃣ 创建自定义页面6️⃣ 国际化7️…

ConcurrentHashMap 原理

ConcurrentHashMap ConcurrentHashMap的整体架构ConcurrentHashMap的基本功能ConcurrentHashMap在性能方面的优化 concurrentHashMap: ConcurrentHashMap的整体架构 concurrentHashMap是由数组链表红黑树组成 当我们初始化一个ConcurrentHashMap实例时&#xff0c…

工厂企业消防安全AI可视化视频智能监管解决方案

一、方案背景 2023年11月20日下午6时30分许,位于江苏省无锡市惠山区前洲街道的某公司突发严重火灾,共造成7人死亡。这次火灾提醒我们工业安全至关重要,企业都应该时刻保持警惕,加强安全意识和培训,提高应对突发事件的…