![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
foxbamboo
这个作者很懒,什么都没留下…
展开
-
el-table动态适配mapList
el-table <div> <el-table :data="dataObjectList" style="width: 80%"> <el-table-column v-for="(col, index) in cols" :prop="col.prop" :label="col.label" :key="index"> </el-table-column.原创 2021-07-13 15:53:35 · 1419 阅读 · 0 评论 -
遍历对象数组,查找目标值
/** arr1为关键字数组,此处存放id * arr2为源json数据 * 本方法在arr2中查找 关键字包含于arr1中的对象,并返回其label */ getValueFromDataConf(arr1, arr2){ let result='' arr1.forEach(item => { result += this.getLabelByIdInArray(item, arr2) + "," }) ...原创 2021-06-24 23:17:30 · 491 阅读 · 0 评论 -
v-for checkbox
<el-form-item label="选择Y轴属性" style="margin:20px; font-size 18px;"> <el-checkbox-group v-model="properties_Y"> <el-checkbox v-for="(item, index) in formProperties" :key="index" :label="item" style="font-size原创 2021-06-21 10:59:35 · 582 阅读 · 0 评论 -
用form-generator添加自定义Vue
一、新建myTree.vue<template> <el-card class="box-card"> <el-tree :data="datas" @check="getCheckedKeys" show-checkbox default-expand-all node-key="id" ref="tree" highlight-current :props="defaultProps"> </el-tree> <原创 2021-06-02 23:33:13 · 5060 阅读 · 6 评论 -
给form-generator 添加树tree
这里写自定义目录标题给form-generator 添加树tree先看添加自定义组件的说明将组件添加到表单设计器给左侧组件菜单添加树图标右侧添加属性控制完成后的样子给form-generator 添加树treeform-generator是一个非常好用的前端表单生成器,但其中表单组件中没有tree,今天弄了半天,终于给加上了。先看添加自定义组件的说明原说明文档一定要重视阅读原作者给出的文档。将组件添加到表单设计器给左侧组件菜单添加树图标按文档中的指引,先“在文件src\components\原创 2021-05-14 01:08:05 · 1298 阅读 · 4 评论 -
Vue 父子组件checkbox-group值同步
子组件中有一个checkbox-group需要与父组件中的变量同步,关键代码如下:父组件:父组件中引入子组件,并设置好供子组件调用的方法import scene from "@/components/form/scene.vue"; export default { data() { return { editMode: true, form: {原创 2021-04-18 19:25:21 · 1037 阅读 · 0 评论 -
Vue select 回显
从后台拿到的id是int,但是select组件的id是string,做一下转换即可getUserList() { userList().then((res) =>{ res.data.forEach(element => { var userId = element.userId + '' element.userId = userId; }) this.use原创 2021-04-14 15:24:07 · 1242 阅读 · 0 评论 -
Layui select 动态初始化
layui.use(['form'], function () { let form = layui.form; $.ajax({ url: '/system/role/getRoles', dataType: 'json', data:{}, //查询状态为正常的所有机构类型 type: 'post', success: function原创 2021-02-20 17:04:49 · 1921 阅读 · 0 评论 -
Springboot + Layui Tree
参考源:> https://www.it610.com/article/1282865906149507072.htm前端 <link rel="shortcut icon" href="/mo-favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="/css/plugins/font-awesome-4.7.0/css/font-awesome.min.css" media="all">转载 2021-02-19 12:16:47 · 185 阅读 · 0 评论 -
动态添加多组input、保存并回显
(参考了下面这篇文章,特别感谢!)https://blog.csdn.net/wowlw411/article/details/107104882/实现效果图html需要注意,不同区块的表格的第一行的每一个input标签,要有对应的id,id命名规则需要结合区块名称<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head th:replace="/common/template原创 2021-01-30 19:28:01 · 856 阅读 · 0 评论 -
关于select联动
原码取于Timo框架 <div class="layui-form-item"> <label class="layui-form-label required">父级菜单</label> <div class="layui-input-inline"> <input class="layui-input select-tree" th:attr="data-url转载 2020-12-11 09:11:30 · 433 阅读 · 0 评论 -
关于图片缩放的两种方法
关于图片缩放的两种方法CSSjqueryCSS<style> .divcss5{ border:1px solid orange; width:400px; height:200px;overflow:hidden; margin-left: 0px;text-align: center;} /*.divcss5 img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);原创 2020-12-08 22:55:34 · 400 阅读 · 0 评论 -
Layui表单验证及提交
查了很多人写的,真是试了各种方法,最后在这个帖子里看到的方法起了作用。看代码:html页面导入layui相关包后,关键代码是“ 保存”按钮中的 lay-filter=“saveArticle” lay-submit <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org" xmlns:mo="https://gitee.com/aun/Timo"> <head> <li原创 2020-10-13 21:02:06 · 3015 阅读 · 0 评论 -
textarea保存换行符以及回显换行
<textarea placeholder="请输入内容" id="management" name="management"> [[${personInformation?.management}]]</textarea>如上,add与edit共用同一个页面,当使用textarea保存数据并回来时,发现换行符不能保存到mysql中。问题:经debug发现,”\n"没有进入后台。解决办法:使用替换符解决 var serializeArray = form.se原创 2020-10-07 14:20:44 · 2821 阅读 · 0 评论 -
LayUI时间选择控件只闪烁一下后消失
加入这个属性trigger: ‘click’ laydate.render({ elem: '#starttime' ,type: 'datetime' ,trigger: 'click' });感谢原文作者转载 2020-09-29 22:29:51 · 378 阅读 · 0 评论