首页
产品中心
案例展示
定制开发
企业网站
系统网站
着陆页面
移动APP
资料库
用户体验
视觉设计
前端知识
创意设计
建站知识
帮助中心
案例介绍
APP开发
小程序开发
知识库
解决方案
新闻动态
行业新闻
最新公告
电商新闻
营销新闻
公众平台
关于文汇
咨询电话：
15628812133
当前位置：
网站首页/资料库
全部
用户体验
视觉设计
前端知识
创意设计
建站知识
帮助中心
案例介绍
APP开发
小程序开发
知识库
利用vantUI中的van-checkbox实现层级选择器（一）
翻了一下vantUI官网，发现没有可以直接使用的树形控件或层级选择器的组件，所以尝试用checkbox实现。我们想实现的是如图所示的功能，当选中一级选择器后，其所属的二级选择器能够被全选；当取消二级选择器的全选状态时，一级选择器也同时取消选中状态；最外层还有一个全选按钮控制所有选择器的全选。DOM结构如图所示：首先实现一级选择器控制二级全选的功能。van-checkbox有提供toggleAll方...
vue
VantUI
层级选择器
2023-07-29
利用vantUI中的van-checkbox实现层级选择器（二）
上一篇我们已经实现了只有一组复选框组的时候通过一级选择器控制二级全选，但是很多情况下都不止一组复选框组，比如需要循环渲染后台数据时，由于外层标签有vfor循环，会导致出现很多个ref注册的组件，此时的toggleAll方法便会失效或者报错。抛弃自带的全选方法，我们这里使用map函数处理数据。首先给一级选择器添加click事件。注意要使用click事件而不是change事件，否则后面实现取消全选功能...
vue
VantUI
层级选择器
2023-07-29
echartsX轴多数据时不再重叠
看第一张图，我们选取了22年7月31日到23年八月31的时间，发现因为时间太多而重叠在了一起，观感上很不好，而且想要看某一个时间也变的很难，为了解决这个问题于是去翻了一下echarts的文档，发现有个interval，能够强制设置坐标轴分割间隔，比如可以设置为7或者10，这种在固定的数值只在数据固定的时候才有用，如果数据过少或者过多都会造成观看的不方便。 解决方法是我们可以利用判断数据的...
echarts
interval
数据重叠
2023-07-29
Element表格实现不同分辨率下自适应
前端做网页的时候总会遇到在不同的分辨率下适配的问题，element可以为表格设定固定宽度，但是遇到不同分辨率下可能会让页面出现滚动条。 先说一下思路，在页面不是很复杂的情况下，就是获取到窗口的高度，然后减去其他div区域的高度，剩下的全是表格的。这里有两种解决思路，css属性的vh和js的window.innerHeight。Css方法： 在css3中,vh和vw是视口单位,是相对长度单位。1...
自适应
element
分辨率
2023-07-29
分享几个es6中Object的常用方法
在js中我们经常操作object语法，下面分享几个常用的对象构造函数。 Object.is 判断两个对象是否相同 Object.assign() 相当于合并两个数组 并剔除相同的key Object.getPrototypeOf() 获取对象的内部属性 Object.setPrototypeOf() 设置一个指定对象的属性，可以为null Object.keys() ...
es6
object
js
2023-07-22
vue路由|动态路由|分权跳转
将cookie里是否存有token作为验证是否登录的条件，若token不存在或已过期则跳转登录界面，还需要判断是否为移动端跳转不同的登录界面，参考上一篇。若不存在token且用户登录信息不存在，则重新获取登录信息。若已登录且登录信息存在，则动态添加路由。Router为router.js里的一堆路由，routes为后台获取的web_router里的路由。首先只输入根目录/域名时，他会自动跳到/ind...
路由
vue
2023-07-22
第一页
<
24
25
26
27
28
>
最后一页
热门文章
Favicon.ico的用法及意义
发布时间：
2018-09-01
山东文汇
WPS工作表格中如何设置斜线表头？
发布时间：
2019-02-21
山东文汇
说一说MyISAM和InnoDB的区别_Mysql数据库
发布时间：
2023-03-20
山东文汇
APP制作过程中，申请邓白氏码都需要准备什么资料？
发布时间：
2019-03-28
山东文汇
ISO、GHO、ESD三种镜像文件有什么区别？哪种格式更好用
发布时间：
2023-06-04
山东文汇
不会使用ps的网页设计师算不算好的网页设计师？
发布时间：
2019-03-02
山东文汇
最新文章
找小程序开发公司？这6点需求说清楚，少走90%弯路
发布时间：
2026-01-30
山东文汇
小程序开发10问 | 送给开发小白
发布时间：
2026-01-30
山东文汇
TypeScript在对象注解的应用以及在接口中的使用方法
发布时间：
2026-01-16
山东文汇
小程序开发出来之后，如何推广？
发布时间：
2026-01-16
山东文汇
小程序出现bug，该如何应对？
发布时间：
2025-12-18
山东文汇
小程序上架就躺平？90%都栽在后期维护上！
发布时间：
2025-11-15
山东文汇
