js
关注
分享
扫一扫
海绵老呆
这个作者很懒，什么都没留下…
展开
-
vue3分页组件
如下图，实现一个公共的分页组件。原创 2022-08-31 14:15:05 · 1578 阅读 · 0 评论 -
vue3实现文件上传
代码】vue3实现文件上传。原创 2022-08-02 17:03:17 · 4115 阅读 · 0 评论 -
路由分发到不同文件
将路由文件根据模块的分类，放在不同文件中原创 2022-07-19 08:45:40 · 195 阅读 · 0 评论 -
element ui 两棵树tree 关联公共部分
如图所示：红框内的是公共数据，我们想要实现的是，左边树的节点被选择，右边也会选择上，选择右边，左边也会被选择。思路：element ui 文档中没有找到实现这种效果的方法，我们可以把两边的tree分别拆分成两棵树----左边的tree=commonTree+自己独有部分；右边tree=commonTree+自己独有部分。实现：左边：右边：.........原创 2022-07-13 15:38:37 · 762 阅读 · 1 评论 -
实现两个table的滚动条同时
我们要实现的是：一个table的滚动条滚动，另一个table的滚动条同时进行滚动如下图所示：这儿有三层组件：子组件：dataTable.vue孙组件：MyTable.vue原创 2022-07-12 10:26:29 · 2256 阅读 · 0 评论 -
element ui两棵树互相关联公共部分
element ui中两棵树关联公共部分，点击一棵树的公共部分的数据，另一棵树也会被选上，取消后 另一棵树也会被取消，如下图所示实现代码：html部分：js部分：原创 2022-06-29 09:33:11 · 506 阅读 · 0 评论 -
.html文件中引入element ui 的方法
把主要文件下载下来vue.js，element.js，element.css下载下来(点击vue.js，粘贴复制即可，其他的一样)我们也要把这两个字体样式拿下来，地址是：element-icons.woffelement-icons.ttf目录结构代码中引入<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo原创 2022-03-29 10:39:43 · 15203 阅读 · 13 评论 -
vue中组件之间传递数组
原创 2022-03-02 16:41:01 · 1516 阅读 · 0 评论 -
监听滚动条是否到达底部
* scrollHeight 获取元素内容高度(只读)* scrollTop 获取或者设置元素的偏移值,常用于, 计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.* clientHeight 读取元素的可见高度(只读)1. 一般div的滚动条 getScroll(event) { let scrollHeight = event.target.scrollHeight let scrollTop = event.ta原创 2022-01-05 10:52:31 · 1293 阅读 · 0 评论 -
js实现抽奖器功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .div{ width: 350px; height: 310px; overflow-wrap: break-word;原创 2021-09-15 14:17:28 · 193 阅读 · 0 评论 -
js实现简单的进度条
js实现简单的带百分比的进度条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #but{ padding: 3px 10px; background-color: lightseagreen;原创 2021-09-03 14:32:56 · 1184 阅读 · 0 评论 -
js实现 全选、全不选、反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form> <p><input type="checkbox">11111</p> <p><input type="c原创 2021-09-01 16:01:01 · 82 阅读 · 0 评论 -
js搜索功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .show{ border: 1px solid red; display: none; } </style><原创 2021-09-01 15:04:17 · 1037 阅读 · 3 评论 -
验证码生成并确认
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div class="v_code"> <div class="code_show"> <span class="code" id="checkC原创 2021-09-01 14:14:30 · 142 阅读 · 0 评论 -
数组拼接的几种方法
123原创 2021-08-26 15:38:00 · 4736 阅读 · 0 评论 -
点击li标签 得到当前li的index的两种方式
原创 2021-08-19 09:44:45 · 495 阅读 · 0 评论 -
数据筛选(数据 文字)
效果图 不看样式（没写样式） 看效果就行数据筛选.htmldatachoose.jslet data = [ { id:1, pname:'小米', price: 1999 }, { id:2, pname:'华为', price: 999 }, { id:3, pname:'荣耀', price: 3299 }, { id:4, pname:'oppo', price: 2899 },]//1 获取相应的元素let tbody原创 2021-08-18 10:31:57 · 122 阅读 · 0 评论 -
tab切换栏的 增删改操作
tab.htmltab.jslet thatclass Tab{ constructor(id){ that = this this.main = document.querySelector(id); this.add = this.main.querySelector('.tabadd') this.ul = this.main.querySelector('.firstnav ul:first-child') this.fasection = this.main.quer原创 2021-08-17 10:21:41 · 286 阅读 · 0 评论 -
Vue组件传参的几种方式
https://blog.youkuaiyun.com/qq_44375977/article/details/104884834转载 2021-07-20 10:54:43 · 109 阅读 · 0 评论 -
删除数组中的任意一条数据
原创 2021-06-07 15:07:53 · 823 阅读 · 0 评论