vue
平凡的纳税人
这个作者很懒,什么都没留下…
展开
-
不使用flex布局,使用float实现聊天框对话功能,兼容性写法
不使用flex布局,使用float实现聊天框对话功能,兼容性写法IE10+、Edge、Firefox 2+、Chrome 4+、Safari 3.1+支持flex布局项目要求兼容到ie9 所以只能写float来实现聊天框功能页面<div class="left-container"> <div class="contact-container" ref="replyContainer" v-if="chatList.length>0"> <原创 2021-04-27 15:52:19 · 371 阅读 · 0 评论 -
vue使用指令让placeholder兼容IE
placeholder兼容IEvar supportIE = { install: function (Vue) { Vue.directive("placeholder", { //指令名称placeholder 页面中v-placeholder inserted: function (el, binding, vnode) { if ("placeholder" in document.createElement("input")) {原创 2021-04-27 15:36:59 · 206 阅读 · 0 评论 -
vue清除表单验证,使用resetFields不起作用,表单切换后表单验证信息遗留问题。
清除表单校验最近项目中遇到一个问题,框架用的vue,ui组件使用的是antd,登录界面有账户密码登录、验证码登录还有注册忘记密码啥的,总归就是四个表单之间的切换,上图看。现在有个啥问题呢,点击“注册账户”并且点击第一个输入框后什么也不输,然后就点别处一下触发了表单验证,也就是这样的⬇️然后点击“已有账号,去登录”,造成下面的局面校验还在,并且带到了注册页。试了一个办法:this.$nextTick(()=>{this.$refs['form3'].resetFields()})然原创 2021-03-10 14:41:21 · 2477 阅读 · 4 评论 -
vue动态路由 导航栏列表展示 权限管理
根据接口获取权限渲染菜单效果图先来看看后台返回数据格式1.处理后台返回数据2.整理权限 只保留权限名称放入数组console.log(permissionList)3.根据router>index.js过滤接口获得的权限4.后台获取的权限数组与router>index.js里的路由进行对比看是否存在效果图先来看看后台返回数据格式1.处理后台返回数据getPermission(){//获取权限的方法 getPermissoonList(state).then(res => {原创 2020-12-23 17:09:12 · 1095 阅读 · 0 评论