- 博客(51)
- 问答 (2)
- 收藏
- 关注
原创 element ui 两棵树tree 关联公共部分
如图所示:红框内的是公共数据,我们想要实现的是,左边树的节点被选择,右边也会选择上,选择右边,左边也会被选择。思路:element ui 文档中没有找到实现这种效果的方法,我们可以把两边的tree分别拆分成两棵树----左边的tree=commonTree+自己独有部分;右边tree=commonTree+自己独有部分。实现:左边:右边:.........
2022-07-13 15:38:37
740
1
原创 实现两个table的滚动条同时
我们要实现的是:一个table的滚动条滚动,另一个table的滚动条同时进行滚动如下图所示:这儿有三层组件:子组件:dataTable.vue孙组件:MyTable.vue
2022-07-12 10:26:29
2219
原创 element ui两棵树互相关联公共部分
element ui中两棵树关联公共部分,点击一棵树的公共部分的数据,另一棵树也会被选上,取消后 另一棵树也会被取消,如下图所示实现代码:html部分:js部分:
2022-06-29 09:33:11
495
原创 Vue中给对象添加新属性时,界面不刷新怎么办
Vue 不允许在已经创建的实例上动态添加新的响应式属性若想实现数据与视图同步更新,可采取下面三种解决方案:Vue.set()Object.assign()$forcecUpdated()
2022-06-20 11:20:12
788
原创 .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
15004
13
原创 监听滚动条是否到达底部
* scrollHeight 获取元素内容高度(只读)* scrollTop 获取或者设置元素的偏移值,常用于, 计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.* clientHeight 读取元素的可见高度(只读)1. 一般div的滚动条 getScroll(event) { let scrollHeight = event.target.scrollHeight let scrollTop = event.ta
2022-01-05 10:52:31
1277
转载 Git上传项目提示Push rejected: Push to origin/master was rejected解决办法
首先是你的项目中有和和历史不符的东西Push rejected: Push to origin/master was rejected推拒绝:这是推送被拒绝直接是解决办法,直接打开你要上传代码的文件夹位置鼠标右键git Bash Here然后直接下面两行命令解决问题git pull origin master --allow-unrelated-historiesgit push -u origin master -f————————————————原文链接:https://blog.cs
2021-11-10 10:51:00
1658
原创 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
184
原创 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
1172
原创 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
79
原创 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
1028
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
135
原创 数据筛选(数据 文字)
效果图 不看样式(没写样式) 看效果就行数据筛选.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
115
原创 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
277
转载 Github的.gitignore忽略文件+.gitignore不生效解决方案
有时候,.gitignore会对部分文件/文件夹失效,大概原因是由于新创建的文件已经出现在git本地仓库的缓存,所以.gitignore就失效了;解决办法就是清空一下git仓库的缓存,重新提交一次就好了直接在idea的terminal中一次输入一下命令就可以了:git rm -r --cached .git add .git commit -m ‘update .gitignore’注意:如果有报错:error: pathspec ‘.gitignore’’ did not match any
2021-05-07 15:49:31
860
1
原创 CSS中水平垂直居中的一些实现方法
CSS中水平垂直居中的一些实现方法1.绝对定位方式且已知子元素宽高2.绝对定位 + 未知宽高 + translate3.flex 轻松搞定水平垂直居中(未知宽高)其他:万能居中1.绝对定位方式且已知子元素宽高position: absolute;top: 50%;left: 50%;width: 200px;height: 300px;margin-top: -150px;margin-left: -100px;2.绝对定位 + 未知宽高 + translateposition: ab
2021-04-02 11:28:18
86
转载 vue 项目控制台调试时不显示css具体位置
注:该文章适用于vue cli 3版本问题:控制台调试定位css所在文件和行数解决方法:在vue.config.js中配置module.exports = { css: { sourceMap: true // 开启 CSS source maps }} 配置好之后重新运行项目才可以生效效果如图:右上角就是当前样式的所属文件...
2020-09-15 14:36:48
815
转载 解决vue3.0新建项目无法选中Manually select features
刚开始我用vue create hello-world 命令新建项目然后用向下箭头选中Manually select features配置项,最后点击Enter,没起作用,项目还是按照默认的配置default(babel,eslint)走;解决方法:按官网提示的 使用winpty vue.cmd create hello-world命令创建项目,向下箭头选中Manually select features配置项,最后点击Enter会弹出可配置项。官网提示:如果你在 Windows 上通过 minT
2020-09-04 11:15:55
1200
转载 npm install vue-cli -g 报错问题 已解决
https://www.cnblogs.com/duoban/p/12079541.html
2020-09-04 11:01:08
1349
原创 按钮hover样式
1.圆形效果<button>Hover me</button> button{ border: 0; border-radius: 50px; color: white; padding: 15px 20px; margin: 20px; text-transform: uppercase; backgrou
2020-08-28 11:35:33
4062
原创 函数执行改变this的几种方法
aa.bing(Person, 4, 5)aa.bing(Person, 4, 5)()备注:灵感来自于https://blog.csdn.net/hongchen_lian/article/details/103920074?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_rel...
2020-07-03 17:13:42
314
空空如也
寻求各位大神帮忙解决
2017-01-15
空指针异常,求各位大神解,关于BoxLayout的
2017-01-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人