JavaScript
小狐狸和小兔子
个人[Gitee Pages](https://rockychen121.gitee.io/)
展开
-
el-tree加载完成后默认触发点击事件非默认选中(上)选中第一个节点点击
如果你浪费了自己的年龄,那是挺可悲的。因为你的青春只能持续一点儿时间——很短的一点儿时间。 —— 王尔德前言最近工作使用Vue+Element UI来进行开发,遇到部门树功能的时候选择了el-tree组件来展示,功能都完成了,但需要在加载完成后默认点击第一个节点,从而查询右侧对应的部门人员信息,但官方没有提供默认触发node-click事件,通过Google找到相关答案,代码如下watc...原创 2020-03-13 23:07:49 · 9037 阅读 · 21 评论 -
zTree通用拖拽排序,实时保存数据库,批量更新部分节点
最近有遇到需要对部门进行排序,使用的ztree插件,遂有了这么一篇,表结构就很正常那种树形结构,包含如下3个关键字段即可,数据是拖拽完排序后最终表里存放的数据形式IDPIDORDER100201302401005010160102首先我们初始化ztree时需要设置可编辑状态,然后初始化 var _setting = { check: { enable: false原创 2020-07-20 09:50:41 · 1838 阅读 · 0 评论 -
ElementUI El-Tree 任意拖拽排序方法,最小粒度数据变更范围(通用排序)
最近在把旧版本的ztree部门排序完成后,详情见 zTree通用拖拽排序寻思着把新版本的el-tree也给加入排序功能,毕竟一碗水要端平(功能都是自己写的。。。),由于二者表结构也类似,核心也还是那几个字段 id、pid、order,就看了下ElementUI官网的文档,便有了这么一篇,原则上还是以尽可能的少改动数据为优先首先我们的Vue文件声明如下(由于文件内容多,只贴关键代码),主要加入了draggable属性和node-drop事件,支持拖拽<el-tree :data="deptTr原创 2020-07-21 16:32:41 · 7676 阅读 · 17 评论 -
JQuery常用选择器基础
JQuery选择器基础附上常用选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".test.demo")所有class="test" 且 class="demo" 的元素:first$("p:first")第一原创 2020-10-15 17:04:56 · 130 阅读 · 0 评论 -
IE下或360兼容模式只有打开F12,js才能执行,关闭则执行失败
今天给客户更新生产环境,遇到一个问题就是写的js在客户生产环境中的ie和360中不起作用,随后我想看看浏览器的输出,并没有异常错误,然后继续操作发现一个奇怪的现象就是,在开启F12的情况下,功能正常使用,一旦关闭则使用不了,上网找了资料,参考了superGG1990的文章,在开发过程中,console.log常被用来调试程序,在Chrome和Firefox中友好运行,但是在IE9之前的版本支持不友好原创 2017-12-26 16:18:57 · 4104 阅读 · 0 评论