this.$refs['activityForm'].resetFields(); 只会重置之前表单的内容,并不会清空 只需在关闭弹框的cancel方法中写上重置表单的方法即可 cancel() { this.$refs.formData.resetFields(); } 若首先编辑,会初始化值,再新增resetFields无效,需做如下处理: modifyDeptDialog () {      let selectRow = this.$refs.table.store.states.cur

遇到的项目问题是在每个折叠面板里边都有不同的表单,用element上的校验时,若有没填写的表单或不符合表单格式的要求,则自动展开该折叠面板,且页面定位到没校验成功的表单   this.$refs.form.validate((valid, object) => {           if (valid) {             alert('submit!')           } else {             let split = ''             for (le

项目在安全检查中发现很多问题,要求整改,其中就有最常见的xss攻击 漏洞描述 渗透测试人员检测到网站筛选框均存在反射型跨站脚本攻击,例如: "><script>alert(1)</script> 漏洞建议 对用户输入的数据进行严格过滤,包括但不限于以下字符及字符串 Javascript script src img onerror { } ( ) < > = , . ; : " ' # ! / * 使用一个统一的规则和库做输出编码 最好前后端一

题目来源: Given an array of size n, find the majority element. The majority element is the element that appears more than⌊ n/2 ⌋ times. You may assume that the array is non-empty and the majority element always exist in the array. Credits:Special thanks

在写页面的时候,首先引入了本地react.js和react-dom.js 16版本(cjs)的文件,出现如下错误 发现bug后,将本地的react.js和react-dom.js文件改成16.2(umd)版本,之后还是一直出现上面的错误. 最后分析原因: 是因为浏览器的缓存没有清除,清除缓存后,bug消失. 由于找bug花费时间较长,特此记录.

<el-form-item prop="repeat_Password" class="userName_color"> <el-input type="password" placeholder="请再次输入新密码" v-model="loginRuleForm.repeat_Password" maxlength="18" //设置密码长度 :show-passwo

//vue <!--添加用户dialog begin--> <el-dialog title="编辑用户" :visible.sync="dialogFormVisible" custom-class="editDialog" :close-on-click-modal="false" :before-close = "cleanContent" :show-close = "f

今天遇到一个奇怪的bug 需求很简单,就是将“引擎能力”下拉框选中的值作为筛选条件传入到“样本类型”下拉框中,默认“样本类型”下拉框显示所有样本类型 看图: 如图所示,功能很简单. 其实还是对vuetify这个框架不熟,导致我不管如何监听修改DOM就是无法重新渲染筛选后的数据.最后还是追溯其根源,终于找到问题所在 对,就是<v-combobox> 标签中的 “cache-items” 这个属性所导致的,官网的解释:“Keeps a local unique copy of all items

转:http://www.cnblogs.com/gsgs/p/6753682.html element-ui的官网上写的自定义表单验证,方法都是写在单vue文件中的,不容易共享.怎么使用vuex将方法共享出来,各个组件都能用呢? 如下是一个验证age的数据, rules:{ age:[{required:true,trigger:'blur',validator:checkAge}] } required:true  指提示必须要填,也就是input那个红色星星,必填的标志,对数据是不影响的.

1. resetForm内容没有完全被重置在使用resetForm时,会还原数据到初始化data时的值,有时会出现值已修改,但页面无刷新变化.添加: this.$nextTick(() => { this.resetForm(type); }); 将form的赋值写在后面. 如果还是不行,就将赋值写在 this.$nextTick(function(){****}); 2. 编辑时,部分组件赋值有问题,例如autoComplate选择值后无法自动带入到内容框,需要点击其它按钮触发. this.f

vee-validate 是为 Vue.js 量身打造的表单校验框架,允许您校验输入的内容并显示对应的错误提示信息.它内置了很多常见的校验规则,可以组合使用多种校验规则,大部分场景只需要配置就能实现开箱即用,还支持自定义正则表达式.而且支持 40 多种语言,对本地化.多语言支持非常友好. 国内饿了么团队开源项目 Element UI 就用到了 vee-validate. vee-validate官网:https://baianat.github.io/vee-validate/ 使用方法 可查看

知识点梳理 课堂讲义 学习目标 能够阐述表单验证的分类和区别 能够运用表单验证的常用注解 能够编写表单验证的示例 能够编写SSM整合的应用案例 能够总结SSM整合的步骤 1 校验框架 1.1 入门-视频01 1.1.1 表单校验的重要性 表单校验保障了数据有效性.安全性 数据可以随意输入,导致错误的结果. 1.1.2 表单校验分类 按校验位置分类: 客户端校验:浏览器,手机APP 服务端校验:后端服务器代码校验 按校验内容分类: 格式校验:比如年龄是否为负数,邮箱是否符合规则 逻辑校验:比如用户

一般的,用户注册的时候,我们需要校验一些用户提交过来的参数. 一般有两道屏障,一是在前台页面上使用js进行验证,直接杜绝了不正常信息的提交.二是将提交过来的信息进行验证,不通过则返回注册页面并显示错误信息,我们这里介绍的就是在action中使用validate方法实现数据校验. action中是继承自ActionSupport类,ActionSupport实现了Validate接口,有一个空的validate方法. 在action中只需要重写一下validate方法就好了.运行程序的时候,会先执

CSS清除浮动的方法有哪些呢?经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,清除浮动是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一.下面看今天的教程,此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景. <style type=”text/css”><!–    *{margin:0;padding:0;}    body{font:36px bold; color:#F00; text-align:center;}    

先来看一个实验:现在有两个div,div身上没有任何属性.每个div中都有li,这些li都是浮动的. 理想的效果:可实际的效果: 这个地方就涉及到浮动,因为两个父元素div都没有高度(或者小于子元素的高度),所以不能给浮动的孩子一个容器,所以后边的li还拼命的往上面的最后一个li靠近. 清除浮动就是要给父元素加一个大于等于子元素高度的高度. 1.清除浮动:给父元素一个高度,让其子元素在父元素中浮动.只要浮动在一个有高度的盒子中,那么这个浮动就不会影响后面的浮动元素. 2.清除浮动:在工作中,大部

一. 常见的安全隐患  1. SQL注入 常见的案例: String query = "SELECT * FROM T_User WHERE userID='" + Request["userID"] + "'; 这个时候,只需要在传递过来的userID后面加上个: or 1=1,即可以获取T_User表中的所有数据了. 解决方案:参数化查询. 2. 跨站脚本攻击(Cross-Site Scripting (XSS)) 允许跨站脚本是Web 2.0时代网站

一. 简介 1. 背景 传统的基于Session的校验存在诸多问题,比如:Session过期.服务器开销过大.不能分布式部署.不适合前后端分离的项目. 传统的基于Token的校验需要存储Key-Value信息,存在Session或数据库中都有弊端,如果按照一定规律采用对称加密算法生成token,虽然能解决上面问题,但是一旦对称加密算法泄露,很容被反编译:所以在此基础上继续升级,采用非对称加密算法利用userId生成Token,只要保存好秘钥即可,从而引出JWT. 2. 什么是JWT Json w

此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景.<style type=”text/css”> <!– *{margin:0;padding:0;} body{font:36px bold; color:#F00; text-align:center;} #layout{background:#FF9;} #left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;} #right{flo

常用的清除浮动的方法有以下三种: 此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景 <!DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: 36px bold; c

对于前端初学者来说,css浮动部分的知识是一块比较难以理解的部分,下面我将把我学习过程中的心得分享给大家. 导读:   1.css块级元素讲解 2.css中浮动是如何产生的 3.出现浮动后,如何清除浮动(本文将涉及到多种清除浮动的方法) 博客正文:   1.css块级元素讲解 常见的块级元素主要有以下几种:<div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<addr

需求:for循环渲染上去的表单怎么使用element的表单校验 之前做这个的时候,死活绑不上去,不知道哪里出了问题,后来解决办法是prop要注意用拼接,使它和索引的变量一致 <el-form-item label="name" :prop="'textShow.'+index+'.name'" :rules="textRuer.textData"> <el-input v-model="item.name"