自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 问答 (1)
  • 收藏
  • 关注

原创 关于在 Uniapp 中 v-for 时 index 错乱问题

小程序中 v-for 时的 key 值绑定 index 错乱问题

2023-07-27 08:46:50 641 1

原创 基于 SheetJS js-xlsx 将 Excel 中的表格转为 html 代码

基于 SheetJS js-xlsx 将 Excel 中的表格转为 html 代码前言原生表格 table 这个 HTML 标签,是一个很有传奇色彩的标签。它经历过大起大落,走过巅峰,又被人深深唾弃。虽说现如今出场率不高,但总会在某些特殊场景下需要用到他。但在使用他时又会感觉有些许繁琐。本文带你了解将 Excel 中的表格转化为 Html 代码的方式,直接一步登天。什么是 Sheet.jsSheetJS 是前端操作 Excel 以及类似的二维表的最佳选择之一,而 js-xlsx 是它的社区版本.j

2021-10-27 16:14:30 4819

原创 2021-08-12:浏览器使用window.open 新页签被拦截的问题

前端关于在使用 window.open 打开新页面时会被部分浏览器拦截的问题背景解决方案一:二:结束语背景通常我们想要打开一个新页签来展现一个页面时,一般会使用 a 标签 或者 window.open 来实现。但当我们在回调中使用 window.open 时,会发现这个跳转会被浏览器拦截,但若是用户主动点击来操作的 window.open,我们会发现浏览器不会被拦截。这是因为当我们在一个 ajax 回调中使用 window.open 时,会被浏览器默认为一个广告弹窗的显示,所以浏览器会将其做拦截操作

2021-08-12 16:39:57 566

原创 2021-07-19 ReactJs初学,return 循环中出现的问题。

记录在ReactJs中,return一个map循环时,Modal会渲染多层的问题。一:背景二:所导致的后果三:解决方案四:结束语一:背景在React中 return 的是一个map循环时,会 render 多次导致 Modal 对话框渲染多次,导致背景直接变黑的问题。如下图,二:所导致的后果如果这时候我们在这个 map 循环中使用了 Modal 对话框的话,会直接导致 Modal 对话框渲染多层,从而导致背景直接变黑的问题。三:解决方案因为 React 我也算是个初学者,所以并不能给到很

2021-07-19 10:17:32 706

原创 关于在 vue3.0 版本中使用内置 api 取代 vuex 的使用

关于在 vue3.0 版本中使用类似 vue2.0 中 vux的实践(ps: 因为vue3.0 已经可以选择取消 vuex 的使用)一:前言二:改变三:使用3.1:vue2.03.2:vue3.0四:至此,我们就完成了在vue3.0 中取代 vue2.0 中的 vuex的内置方法。若有错误,麻烦指出,若有疑惑,可在下方留言予以解答。有用点赞再走,共同进步。一:前言近期公司要做一个新项目,想着 vue3.0 发布也有一段时间了还没用过,不如就试试vue3.0特性如何,后经讨论,一致决定使用vue3.0

2021-03-08 16:46:51 556

原创 关于在vue项目中使用 Tabbar 时 router-view的使用 以及 动态设置重定向

关于在vue项目中使用 Tabbar 时 router-view的使用 以及 动态设置重定向 的一些问题一:前言二:实现以此项目为例,分离组件三:redirect 的 动态重定向设置四,总结。一:前言在 vue 开发过程中,我们会发现很少使用到 router-view 这个东西,最近有个项目需求是4个 tabbar 页面,刚好用到了这个必不可少的东西,也遇到了一些问题,特来总结一下。一开始出发点很简单,几个页面跳转而已吗,路由跳就是了,结果发现并不是我们想要的结果,因为我们 不想跳转到新页面,只在当前

2020-12-14 10:31:39 1556

原创 树形数据中,根据某一节点id查找这个id所在的完整路径。

树形数据中,根据某一节点id查找这个id所在的完整路径。调用:const resList = this.findIndexArray(this.treeCategoryOptions, item.category._id, []);this.treeCategoryOptions: 树形数据数组item.category._id: 要查找的id...

2020-11-09 14:57:30 1586

原创 清空 elementui 的 Cascader选择器的默认值的一些问题

关于清空 饿了么ui的 Cascader层级选择器的默认值问题。如图,在此界面中点击 清空 按钮,让两个选择器的内容清空。此前我是直接利用vue的双向绑定,清空这个 绑定的数组,结果发现没用。后来看了一下源码,发现我们只要手动触发这个方法就可以达到 组件中的 clearable 效果。如下列代码,obj.stopPropagation = () => {}; this.$refs.treeOne.handleClear(obj);,就可。当然,还是要把你绑定的 v-mode

2020-11-03 10:15:54 960

原创 关于在微信分析页中打开指定页面或下载

关于在微信分享页中唤醒app的实现(安装则唤醒并根据参数不同打开指定页面,未安装则跳转至下载页供用户下载。)一:思路做这个功能之前,在网上搜了一些解决办法以及相应的博客。发现实现的方式是有些大同小异的,这里我只推荐其中的一种高效、快速的解决办法。如果你的app是已在应用宝内上线的,那么你可以直接去申请应用宝中的微下载链接(一般你的boss都会申请,以作推广的。)如果未在应用宝内上线,你可以跟你的boss商量一下,把应用接入应用宝,在申请微下载。二:实现为什么要用这个微下载呢? 因为应用宝

2020-09-23 11:15:50 369

原创 关于在项目中保留用户端的手动换行以及无数空格

关于在项目中保留用户端的手动换行以及无数空格一:保留换行只需在用户端录入、编辑的地方处理一下输入的内容即可。this.statusTenExamin.intro = this.statusTenExamin.intro.replace(/\r\n/g,'<br/>').replace(/\n/g,'<br/>').replace(/\s/g,' ');this.statusTenExamin.intro 为用户输入或编辑的内容。replace(/\r\n/g,'&l

2020-09-10 10:11:45 109

原创 关于elementui中的tree形组件的懒加载模式的使用

背景:**vue项目下使用elementui组件的懒加载项目需求:**一共有三级分类,点击一级分类创建二级,点击二级分类创建三级,点击三级可以在对应的三级分类下添加公司。效果图:** 这里关于增删改查的需求就不过多描述。千篇一律的写法。数据来源** 后台提供接口用于保存数据,前端自行填充数据。注意!!!这里后台保存的数据格式为列表模式,在前端需要取之前保存的数据时,需在前台做 数据转 树形数据 的处理。需注意点** 1. 懒加载模式下所必需的三个字段, lazy、l

2020-07-13 17:13:03 5183 3

原创 关于在vue项目中如何使用amap地图插件

vue中使用amap欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ...

2020-05-28 09:34:31 2209

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除