摘要: 上一部分总结了基础常用的js表单校验,包括原生以及框架,下面来总结这一个月涉及到的动态校验: 动态表单校验大致分为三种情况: 1. 首先是固定校验规则,但是表单组件是动态生成的,例如:在表单或者表格里有“增加”功能,增加一行,给新生成的表单组件添加校验规则。 2. 第二类就是组件固定,但是校验规则会 阅读全文
posted @ 2021-06-25 17:31 花开不败zy 阅读(1238) 评论(0) 推荐(0)
摘要: 最近写了无数各种形式的表单,记录下奇奇怪怪的校验规则~ 一:首先是element自带的rules校验规则: element作为常用框架,自带rules属性简单易懂,官方文档一目了然,不再赘述,应付常用校验足够了, 相对麻烦的是自定义的校验函数,举个例子: html部分: 1 <el-form id= 阅读全文
posted @ 2021-05-11 14:33 花开不败zy 阅读(881) 评论(1) 推荐(1)
摘要: 一:v-on的缩写和事件修饰符 事件修饰符: . stop 阻止冒泡 . prevent 阻止默认事件 . capture 添加事件侦听器时使用事件捕获模式 . self只当事件在该元素本身(比如不是子元素)触发时触发回调 . once 事件只触发一次 二:v-model和双向数据绑定 v-bind 阅读全文
posted @ 2019-05-27 11:43 花开不败zy 阅读(176) 评论(0) 推荐(0)
摘要: 一:属性: el:‘ ’ //要控制页面上的那个区域 data:{ //存放el中要用到的数据 } methods:{ //(对象)定义vue实例中的可用方法 } 二:指令: 1.v-cloak 解决插值表达式的闪烁问题 2.v-text (和插值表达式类似) 没有闪烁问题,但是会覆盖元素中原本的内 阅读全文
posted @ 2019-05-27 09:03 花开不败zy 阅读(109) 评论(0) 推荐(0)
摘要: 指令:增强元素标签的功能 1. v-text & v-html 相同点: 作用:都是替换使用该指令的元素的内容 区别: v-text 是文本输出,显示的格式字符串形式 v-html 是 html 格式输出 注意:尽量避免使用,容易造成危险 (XSS跨站脚本攻击) <div id="app"> <!- 阅读全文
posted @ 2019-05-27 09:01 花开不败zy 阅读(145) 评论(0) 推荐(0)
摘要: 一:Vue 语法格式: 二:Vue 实例: 三:Vue 选项(el data methods): 1. el ☞ 作用:指定管理的视图区域 ☞ 指定方式:通过选择器或者 DOM 对象 ☞ 注意:不能指定<body>和<html> 标签作为视图,因为<script>包含在<body>和<html> 标 阅读全文
posted @ 2019-04-11 21:56 花开不败zy 阅读(118) 评论(0) 推荐(0)
摘要: 一:Vue是什么? Vue是一个JS框架。 Vue.js是一套构建用户界面的渐进式框架。 库和框架的区别: ☞库:提供一些 API 工具函数,体现了封装的思想,需要我们主动调用; ☞框架:提供一套完整的解决方案,不需要主动的调用 API 按照框架的约定(规范)完成功能。 ☛主流框架(React An 阅读全文
posted @ 2019-04-11 20:57 花开不败zy 阅读(124) 评论(0) 推荐(0)
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2019-04-01 23:07 花开不败zy 阅读(1) 评论(0) 推荐(0)