
vue前端开发bug
李刚大人
一个摄影师,一名航拍飞手,一只程序员
展开
-
js判断对象数组中是否存在某个对象
如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -1要只是判断的话是可以遍历后判断对象的属性是否相同的,像这种:arr.forEach(item=>{ if(item.name=='Alex'){ alert('存在这个元素'); }})但实际中往往是需要动态添加或删除对象.转载 2021-07-06 10:31:38 · 9278 阅读 · 3 评论 -
前端导出excel表会导出两份的bug
前端导出excel有很多的操作可能,可以使用xlsx插件进行表格的导出,但是会导出两份,需要处理一下。第一步引入:import FileSaver from 'file-saver'import XLSX from 'xlsx'exportExcel (className,excelName) { var xlsxParam = { raw: true } // 导出的内容只做解析,不进行格式转换 let fix = document.querySelector('.vxe-t原创 2020-08-04 10:38:20 · 1607 阅读 · 2 评论 -
ios 短信验证码自动填充时总是被复制两遍
这应该是ios系统本身的一个bug。这个算是苹果系统的一个bug,某些app或者微信网页里复制验证码是苹果手机会触发UITextFieldTextDidChangeNotification监听事件,导致验证码出现了两次。解决:限制input标签的maxlength;...原创 2020-04-09 11:23:46 · 2273 阅读 · 0 评论 -
iview tooltip: true和render冲突的问题
在用iview开发表格的过程中,发现鼠标提示 和无数据 – 显示两个功能不能同时表现出来,代码如下tooltip: true,align: 'center',render: (h, params) = >{ if (params.row.company == null || params.row.company == undefined || params.row.compan...原创 2020-03-26 13:48:10 · 2430 阅读 · 0 评论 -
数组中出现__ob__: Observer无法取值
控制台使用push添加打印数组的时候,出现[{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, ob: Observer]经过查阅,ob: Observer它不可枚举,从中不可xx[0]取值,需要用JSON.parse(JSON.stringify(数组))重新生成一个可枚举数组作者:不想当大佬的程序员不是好程序员链接:https://w...原创 2020-03-25 18:30:04 · 5373 阅读 · 1 评论 -
vuex保存登录数据,刷新页面退出的问题
vuex保存的登录信息,刷新数据会被清除,所以我们还会在localstorage里面保存一份信息,刷新页面的时候会把localstorage里面储存的信息再次赋给vuex。// 判断是否存在token,如果存在的话,则每个http header都加上token if (store.state.token || window.localStorage.getItem('TOKEN')) { ...原创 2020-03-25 15:12:02 · 780 阅读 · 0 评论 -
使用iview上传图片图片不显示的问题
上传图片图片返回的地址在浏览器中可以显示,但是在页面中去显示不了,最好发现是后端返回地址有问题http:192.168.0.137/data/5a3c0f9721c04ead8352de010562f855.png 这种路径在浏览器会自动补全,但是在页面中不会。后端应该修改为http://192.168.0.137/data/5a3c0f9721c04ead8352de010562f855.p...原创 2020-02-24 15:12:12 · 1540 阅读 · 0 评论 -
解决input框密码自动填充的问题
开发过程中input框中的获取到的密码总会被浏览器缓存中的密码替换掉,可以设置autocomplete=“new-password” 解决此问题。autocomplete="off"不能解决此问题。...原创 2019-11-22 19:11:52 · 665 阅读 · 0 评论 -
图标库图标css3旋转属性不起作用
解决办法:display:block原创 2019-11-13 14:24:42 · 853 阅读 · 0 评论 -
重复点击路由报错
重复点击路由报错写 Vue 项目中,使用 iview 重复点击导航路由会报错,报错信息如下:##解决方法:方法1:在项目目录下运行 npm i vue-router@3.0 -S 重新下载未出错版本即可;方法2:不想更换 vue-router 的版本亦可,在 main.js 或 router.js 中添加以下代码: import Router from 'vue-router' ...原创 2019-11-06 11:21:39 · 861 阅读 · 0 评论 -
刀具项目bug修复及优化之时间控件
供应商管理中,时间控件使用了iview的时间控件DatePicker 。DatePicker时间控件为我们提供了丰富的api。对开始时间结束时间的选择禁用上进行处理可以使用options属性。options选择器额外配置,比如不可选日期与快捷选项。控件选择禁用处理在執行搜索时做的判断此处需要注意把pageNum重新设置为1...原创 2019-10-20 16:27:42 · 192 阅读 · 0 评论 -
Vue渲染顺序和布局顺序无关的bug
Vue渲染顺序和书写顺序无关的bug问题再现bug截图问题再现bug截图###设计图和实际显示对比###后台返回的数据格式###前端书写代码顺序###解决方案...原创 2019-08-24 14:43:55 · 852 阅读 · 0 评论