网格化管理项目总结
F班的小夏同学
理想主义青年永远不会被现实招安
展开
-
element ui树形表格数据懒加载
先要在第一个生命周期中请求最顶级的数据 并给和表格data属性绑定的tableData赋值item.hasChildren属性为true 这条数据的前面就会出现那个表示可以展开的小箭头 为false 则不展示。在项目实战中,我们经常会遇到数据量大的情况,假如一次性从后端接口中获取所有的数据,无疑给了服务端很大的压力。然后判断接口返回的数据如果不是空的 则将他的子集循环 将他们的hasChildren 也赋为true 表示数据项是可以接着展开的。这里我们通过第一个参数就是触发事件的那条数据的id去调接口。..原创 2022-08-04 20:27:14 · 1819 阅读 · 2 评论 -
关于el-table列表渲染
在项目中,80%的项目都需要我们渲染列表。假如我想封装一个渲染列表的组件,那么我们应该怎么动态的从接口中拿到数据并且优雅的渲染一个列表呢?本来这应该是一个简单且多答案的问题,但是经过一个项目做下来,发现这个方法是最灵活、最简单、最实用的方法。我们分为表头数据和表体数据来渲染。...原创 2022-08-04 19:43:31 · 725 阅读 · 0 评论 -
Ts——项目实战应用enum枚举
如上,我们定义了一个数字枚举, Up使用初始化为 1。其余的成员会从 1开始自动增长。换句话说, Direction.Up的值为 1, Down为 2, Left为 3, Right为 4。现在, Up的值为 0, Down的值为 1等等。当我们不在乎成员的值的时候,这种自增长的行为是很有用处的,但是要注意每个枚举成员的值都是不同的。在这里我们只简单的回顾一下枚举的使用。在公共文件中列举出来状态枚举。有时候还可以暴露一个公共符号。在你需要的页面引入公共文件。可以以对象的形式暴露出去。...原创 2022-08-04 16:17:26 · 863 阅读 · 0 评论 -
Vue3组件间通信
父组件通过 ref 获取到子组件并调用其方法或访问数据。子组件通知父组件触发一个事件,并且可以传值给父组件。子组件可以通过 expose 暴露自身的方法和数据。原创 2022-08-04 14:10:09 · 157 阅读 · 0 评论 -
promise详解
promise是异步编程的一种解决方案,比起传统的解决方案——回调函数和事件——更加的强大。在项目中,我们经常会遇到异步的问题,在之前,我们通常使用回调函数来解决异步编程,但是在一些比较复杂的情况下,我们经常会陷入。promise能够很好的帮助我们解决这个问题。早就听说过Promise的大名,但是promise到底是个什么东西呢?是个类?对象?数组?函数?来,先给大家拉出来溜溜。这里我们可以看到,原来这个promise是一个构造函数,并且在它自己的身上有all、reject、resolve。...原创 2022-08-04 11:32:07 · 252 阅读 · 0 评论 -
解决响应式数据依赖响应式数据无响应问题
我先在页面中声明了一个响应式的变量A,然后因为需求又声明了另一个响应式的变量B,变量B的状态依赖变量A的改变而改变,然而在实际应用中发现,在A改变之后,B并无响应。因为B仅在第一次运行setup时进行初始化,因此它只会进行初始化,而不会更新。如果希望B在A更新时进行更新,可以使其成为依赖于A的computed属性。...原创 2022-07-22 12:03:15 · 422 阅读 · 0 评论 -
find、filter、map的区别
过滤数组元素,返回过滤后的数组,若没有符合条件的元素,则返回空数组。对每个数组元素进行相同的操作,返回一个与原数组length相等的数组。find查询数组中符合条件的第一个元素,如果没有则返回空数组。...原创 2022-07-22 11:22:49 · 159 阅读 · 1 评论 -
Vue3无缝滚动----vue3-seamless-scroll
main.js中引入使用组件配置listv-modeldirectionisWatchhovercountlimitScrollNumstep指南在这里原创 2022-06-30 22:15:18 · 9332 阅读 · 1 评论 -
echarts可视化
引入echarts按需引入echarts上面的代码会引入echarts的所有图表和组件,但是假如你不想引入所有的话,你可以按需引入。常用属性可以参考官网的配置项https://echarts.apache.org/zh/option.html原创 2022-06-30 21:49:31 · 190 阅读 · 0 评论