
vue
Shimeng_1989
这个作者很懒,什么都没留下…
展开
-
vue滑块校验
滑块校验原创 2022-08-25 19:37:11 · 886 阅读 · 0 评论 -
vue常见性能优化 + 前端通用性能优化
vue常见性能优化合理使用v-show、v-if v-if不能与v-for同时使用,v-for要添加key(diff算法会根据是否相同的tag、key来判断是否是同意节点) 合理使用computed(有缓存,data变化是才会变化) data层级不要太深,vue监听对象、数组的时候会深度监听 自定义事件、dom事件,定时器的及时销毁(addeventlisner、event.$on等)------会造成内存泄漏 合理使用异步组件----router的加载,比较大的组件使用异步加载:compon原创 2022-03-03 19:48:59 · 961 阅读 · 0 评论 -
input 输入框校验规则
(只能输入英文,数字,汉字):// HTML<el-input v-model="form.userName" @keyup.native="checkInput()"/>// js:methods:{ checkInput(){// 正则符号释义: []符号为:匹配到[]中任意一个字符,则为true let nameReg=/[^A-Za-z0-9\u4e00-\u9fa5]/g // 只能输入英文,数字,汉字 let nameReg=/[\u4e0..原创 2021-09-02 17:04:11 · 2222 阅读 · 0 评论 -
element- ui , el-select 多选,选择后自动关闭下拉框
情景:单选选中之后再次打开,不会定位到当前下拉勾选项位置,但多选可以,所以用多选代替单选框,每次替换所选的值,实现单选的效果(但是下拉框不自动关闭),如图:单选(打开): 多选(打开): ......原创 2020-10-26 14:40:34 · 16421 阅读 · 5 评论 -
element-ui 自定义函数校验(简版)
html:<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item label="员工姓名" prop="userName"> <el-input v-model="ruleForm.userName" placeholder="最多可输入十个字"></el-input> &l.原创 2020-05-29 10:44:29 · 1259 阅读 · 0 评论 -
Vue2 导出Excel + 解决乱码问题 —— axios (下载后台传过来的流文件(excel)后乱码问题)
请求用的axios(类似ajax问题),找了很多方法,都下载不了文件。 以下是解决方法):1.接口返回的流: 2、请求头和返回头: 方法一、方法二:2.下载流文件的代码 方法一:是用了插件 https://github.com/kennethjiang/js-file-download方法二:是用了 blob不管哪种方法,记得设置 ...转载 2018-08-17 11:29:58 · 20912 阅读 · 21 评论 -
vue cli3 代理跨域 404(失败)问题
情景:在写vue cli 中的代理时,百度了好久也没代理上,最终的问题出在路径重写上。特此记录一下,如果有跟我有一样问题的小伙伴,欢迎前来参考,可根据各自情况和实际问题进行调试。接口地址:代理地址为(开发环境):// .env.development 文件中、VUE_APP_BASE_API 在不同环境( .env.production文件,.env.staging...原创 2019-08-28 09:31:33 · 10913 阅读 · 2 评论