VUE
vue一些实际运用
田不甜 tbt
这个作者很懒,什么都没留下…
展开
-
vue中接收后台的图片验证码并显示
之前有个用jsp写的前端项目,现在需要把它重构成前后端分离的项目,但是登录时我发现后台给我的图片验证码死活出不来,jsp的那个项目不是我做的,我也不清楚是什么搞得。我把后台传过来的数据打印之后,发现图片验证码是一段数据流,WC,哈哈哈,知道是什么了就好办了<a href="javascript:;"> <img alt="如果看不清楚,请单击图片刷新!" class="pointer img" :src="captcha"原创 2021-01-28 11:40:20 · 3342 阅读 · 0 评论 -
element UI中的el-tree根据后台数据动态生成树形checkbox,点击提交获取绑定checked项以及实现显示默认checked项
<el-tree ref="tree" :data="menuList" show-checkbox node-key="id" accordion :default-checked-keys="selectedID" :props="permissionProps" @check="checkedList" > </el-tree>原创 2021-01-28 11:29:39 · 2031 阅读 · 1 评论 -
实现 tabBar 单击切换初始化,双击进行页面数据刷新
实现 tabBar 单击切换初始化,双击进行页面数据刷新参考一位大佬的文章我们在使用 uni-app 开发前端时,如果应用是一个多 tab 应用,可以通过使用官方提供的原生 tabBar 来实现页面导航。那么如果我们要实现 tabBar 单击切换初始化,双击进行页面数据刷新,应该如何实现呢?官方在 tabBar 接口文档说没有过多说明,通过查找文档,在 页面生命周期 中发现了相关说明。具体代码如下:<script>export default { onTabItemT转载 2021-01-27 11:45:32 · 797 阅读 · 0 评论 -
vue 中常用的正则校验(含时间,数字,邮箱,电话,IP等)
var checkEmail = (rule, value, cb) => { // 验证邮箱 const regEmail = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/ if (regEmail.test(value)) { return cb() } cb(new Error('请原创 2021-01-15 16:59:41 · 5048 阅读 · 0 评论 -
vue中单独只校验一个表单
vue中单独只校验一个表单最近做了个忘记密码页面,需要发送验证码之后才能进行重置密码操作,上图:但是点击发送后底下的表单也校验了,所以现在需要设置点击这个按钮只校验这一个表单方案如下: 因为下面还有一个提交按钮,两个绑定的事件是不同的,上代码: this.$refs.resetFormRef.validateField('userEmail',async (valid) => { if (valid) return false...原创 2021-01-14 18:17:06 · 1606 阅读 · 1 评论 -
element UI中的el-tree的父子节点添加动态图标
el-tree的父子节点添加动态icon最近做的项目,需要给el-tree菜单,展开后的父子节点带有它们自己的icon,因为这个菜单数据是从后台获取的,每一个节点都有属于它们的icon解决方案如下:<el-tree :data="datalist" :props="defaultProps" ref="dataRef" accordion style="font-size: 14px"原创 2021-01-13 16:54:35 · 2077 阅读 · 1 评论 -
vue项目中使用element UI中的el-tree刷新后保持节点展开状态
el-tree刷新后保持节点展开状态最近在搞一个前后端分离的项目,有一个菜单页面,使用的是element UI中的el-tree,但是在刷新后父节点关闭了展开状态,这让我很苦恼啊,找了很多资料,没有找到适合我这个情况的,于是采用了一种用sessionStorage存储点击了哪个就让哪个展开的方法,代码如下首先,需要将点击的一级节点的某一个属性值保存到sessionStorage中,我采用的是id(因为菜单列表是动态获取的)然后在点击链接跳转到另一个页面后,在取出id值重要的是在el-tree使原创 2021-01-13 16:39:45 · 4808 阅读 · 0 评论