新项目中遇到了登录时点击用户协议,进入协议页面让用户阅读,然后返回登录页面时发现原来填写的手机号验证码全都没有了。 解决方案:使用keep-alive 在vue.app中添加keep-alive标签。 <templ…
分类:Vue
map 重构数组获取数组对象中某一字段组成新数组或者更改属性名字段返回新数组
一:取数组对象中的某一字段组成新数组 原数组对象: [ //data的数据 { "txt":"a","codId":"1","id":1}, { "txt":"b","codId":"1","id":2}, { "txt…
Vue+Element UI表格列的显示和隐藏
如下代码: <template> <div> <el-table :data="tabledate" height="400" > //使用v-if else 控制两列的显示和隐藏,每…
element-upload 自定义上传、限制文件大小、格式以及图片尺寸
文章目录 element-upload 自定义上传、限制文件大小、格式以及图片尺寸 1. 前言 2. 完整实现示例 element-upload 自定义上传、限制文件大小、格式以及图片尺寸 1. 前言 前段时间业务上有个…
vue:el-input输入时限制输入的类型
通过@keyup.native的时间动态监控输入的类型 1.手机号码,只能是数字,如果输入了非数字直接清空 2.身份证号码,除了Xx和数字其余的一律清空 3.基于1.2两种情况下,还有一种是动态创建的字段(也就是v-fo…
iview table表格 单元格合并+变色
需求是 每个任务的版本不同,版本号也不同。根据版本去判断每个任务,都有的版本就不标红,只要有一个没有就标红。根据不同的版本去合并单元格。 一:合并单元格 table中 加入 span-method方法 <…
vue实现导入Excel数据
导入 1、api链接 introductionCarModelInfoApi='/carModel/info/introductionCarModelInfo', 2、接口操作 export function impor…
vue cli3.0修改网页标题
1. 在路由meta属性中设置标题title属性 { path: '/user', name: 'User', meta: { title: '用户管理' }, component: User } 2 .在main.js…
异步加载js方法
我们想异步加载一些js,如请求接口判断后选择加载不同的sdk这类的需求,实现起来也很简单。 /** * 异步加载脚本 * @param url 脚本地址 * @param onloaded 加载完成的回调 */ expo…
vue+element ui合并单元格后,表头和内容不对应问题修改
1、首先确认了问题,是因为合并了单元格,导致横向滚动条滚到最右侧的时候,表头与列表内容不对应。 最初合并单元格写的方法是: // 合并单元格 arraySpanMethod({ row, column, rowIndex…
Vue 中强制更新视图的几种方式 (不用Vue变异数组情况下)
当我们使用vue开发时经常会遇到当vue实例已经创建好了,有时候需要再次给数据赋值时,并不能在视图中改变 在vue文档中写着如果在实例创建之后添加新的属性到实例上,它不会触发视图更新 因此比如我们修改一个数组其中的一个值…
vue Element中对字段进行隐藏和显示后,进行验证
如果用v-show那么rules中加入了校验,即时隐藏,也会校验;但是如果用v-if,那么隐藏的字段就不会再执行rules规则校验了