❤️❤️--layui
layui
suoh's Blog
My life is a straight line,turning just for you.
展开
-
layui树形组件获取复选框选中的id
安排一波~目的:获取我所选中的所有id第一步:先在树形组件渲染函数里面添加两个属性 showCheckbox: self.isShowType, id: "demoId",第二步:在data里面定义一个存放id的数组第三步:在你需要获取到复选框选择的id函数里面去拿这些值注意:var treecheckdata = tree.getChecked("demoId");这个只能获取到父节点id,因此需要对返回值进行处理,才能得到选中的所...原创 2021-05-11 15:28:09 · 2247 阅读 · 3 评论 -
layUI树形组件出现偶尔加载不出来的情况
用vue自带的nextTick函数强制执行树形结构nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数this.$nextTick(()=>{ this.render(this.data); })...原创 2021-04-06 11:34:23 · 931 阅读 · 0 评论 -
layui树形组件中选中节点设置字体高亮效果
效果:代码:修改渲染函数中的click点击事件! tree.render({ elem: "#test9", data: data1, edit: ["add", "update", "del"], //操作节点的图标 click: function(obj) { //节点高亮 var nodes = document.getElementsB.原创 2021-03-31 14:04:59 · 2226 阅读 · 6 评论 -
vue中使用layui实现树形菜单增删改查功能
第一步:去官网下载layui组件https://www.layui.com/下载并解压得到:第二步:将解压后的上图紫色箭头所指的layui文件夹放入自己vue项目中的static目录下第三步:在项目中index.html文件中引入 <link type="text/css" rel="stylesheet" href="./static/layui/css/layui.css"/> <script type="text/javascript" src原创 2021-03-01 16:20:20 · 1422 阅读 · 1 评论