需求:el-form每行显示两列,底部按钮居中问题:以前的解决办法是:el-col,el-row。但是这里只有一个el-form-item的label数据是已知的,其余项都是循环得到的,数量不固定,因此不能采用el-col方式。尝试尝试过item左浮动,flex,底部定位,都无法解决。解决办法el-form添加inline属性,给每个item设置宽度;给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉,比如flex:1
需求:el-form每行显示两列,底部按钮居中问题:以前的解决办法是:el-col,el-row。但是这里只有一个el-form-item的label数据是已知的,其余项都是循环得到的,数量不固定,因此不能采用el-col方式。尝试尝试过item左浮动,flex,底部定位,都无法解决。解决办法el-form添加inline属性,给每个item设置宽度;给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉,比如flex:1
一、效果图二、实现逻辑将需要动态添加的表单项项的绑定值存为一个数组以循环的方式展示form表单点击`+`按钮触发事件,向数组中新加一个item点击`-`按钮触发事件,根据循环的得到的index来删除数组中相对应位置的item三、代码实现template>div>el-button@click="isDilogShow=true"plain>动态添加inputel-button>el-dialogtitle="特工安排":visible.sync="isDilogShow":close-on-click-modal="false"width="400px">el-formref="form":m
一、效果图二、实现逻辑将需要动态添加的表单项项的绑定值存为一个数组以循环的方式展示form表单点击`+`按钮触发事件,向数组中新加一个item点击`-`按钮触发事件,根据循环的得到的index来删除数组中相对应位置的item三、代码实现template>div>el-button@click="isDilogShow=true"plain>动态添加inputel-button>el-dialogtitle="特工安排":visible.sync="isDilogShow":close-on-click-modal="false"width="400px">el-formref="form":m
0x00前言EL表达式在开发的时候学过,跟jsp一起学的当时那没有了解到后续的漏洞利用,但是现在转念一想也确实可以直接java代码那java的利用方式不在这个语法中也可以使用嘛,然后学的时候也没有特别的仔细去扣细节0x01概述EL(全称ExpressionLanguage)表达式语言。作用:在jsp中可以写java的语法获取域环境中获取数据,然后在前段展示就是前后端展示,使用方法:首先要通过page设置不可用忽略EL表达式语法格式:${expression(表达式)}回顾一下以前的知识,有四个域page:当前页面有request:当前请求有效session:当前会话有效application:
0x00前言EL表达式在开发的时候学过,跟jsp一起学的当时那没有了解到后续的漏洞利用,但是现在转念一想也确实可以直接java代码那java的利用方式不在这个语法中也可以使用嘛,然后学的时候也没有特别的仔细去扣细节0x01概述EL(全称ExpressionLanguage)表达式语言。作用:在jsp中可以写java的语法获取域环境中获取数据,然后在前段展示就是前后端展示,使用方法:首先要通过page设置不可用忽略EL表达式语法格式:${expression(表达式)}回顾一下以前的知识,有四个域page:当前页面有request:当前请求有效session:当前会话有效application:
一.在iview中写一个submenu{{cid}}因为这个subMenu是动态生成的,他的name我设置为动态生成过程中的index,所以第一个subMenu的name是0.根据上述设定,参考官网的说明,使用activeName="0"来表示激活的name,还特别注意力name是string而不是int基本数据类型.所以就通过这种方式让subMenu0呈现激活态.很好,并不work下面是高能的踩坑过程,如果不想看可以直接跳转"三.解决方法"二.踩坑全过程根据网上的资料,我迅速的发现了解决问题的路径."因为subMenu是动态展开的"--->所以需要调用updateActiveName()方法
一.在iview中写一个submenu{{cid}}因为这个subMenu是动态生成的,他的name我设置为动态生成过程中的index,所以第一个subMenu的name是0.根据上述设定,参考官网的说明,使用activeName="0"来表示激活的name,还特别注意力name是string而不是int基本数据类型.所以就通过这种方式让subMenu0呈现激活态.很好,并不work下面是高能的踩坑过程,如果不想看可以直接跳转"三.解决方法"二.踩坑全过程根据网上的资料,我迅速的发现了解决问题的路径."因为subMenu是动态展开的"--->所以需要调用updateActiveName()方法
前言项目上实现某个功能,使用到了el-select和el-tree组合实现,记录下两者结合的实现过程。要求根据项目接口提供的数据,el-tree里的数据是一次性返回来的,点击最后一层级时,请求接口,在点击层级下方追加数据追加的数据要显示勾选框,可进行勾选,且是单选勾选后需要返回勾选的层级以及它的父级实现效果如下:数据回显效果:实现关键部分el-tree里的显示勾选框不符合当前“追加的数据要显示勾选框,可进行勾选”这个需求,所以我修改了el-tree的源码进行使用。追加子级数据,el-tree文档提供了这个这个方法,可以追加子级数据对象里有指定字段才显示勾选框,这里我指定字段为currentSh
前言项目上实现某个功能,使用到了el-select和el-tree组合实现,记录下两者结合的实现过程。要求根据项目接口提供的数据,el-tree里的数据是一次性返回来的,点击最后一层级时,请求接口,在点击层级下方追加数据追加的数据要显示勾选框,可进行勾选,且是单选勾选后需要返回勾选的层级以及它的父级实现效果如下:数据回显效果:实现关键部分el-tree里的显示勾选框不符合当前“追加的数据要显示勾选框,可进行勾选”这个需求,所以我修改了el-tree的源码进行使用。追加子级数据,el-tree文档提供了这个这个方法,可以追加子级数据对象里有指定字段才显示勾选框,这里我指定字段为currentSh