- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3+vite(2.9.9)构建打包到线上环境时动态路由导入失败
前言：当前项目包含了2个子项目，自己vite.config.ts与父级vite.config.ts有关联关系，声明别名时会导致整个项目报错，直接逻辑导入路径前缀会导致打包线上时找不到路由前面的路径，故而使用动态导入路径方式来处理。此处使用vite动态导入方式，import.meta.glob('../../../lib/saas/view/*.ts');最后发布到线上可以正常访问，并且能打印出所有指定的路由文件。1、本地运行好好的没问题，发版到线上就报下面错误。
2024-10-29 18:34:30
172
原创 vue h5跳转小程序
1、在跳转方的小程序平台上配置一个URL Scheme,配置好要唤起的地址，根据官网提供的流程生成链接如下(appid就是要跳转小程序的Appid；前言，使用此标签跳转需要配置公众号的IP白名单，需要在当前h5代码存放的服务器上配置appsetting参数，需要在vue页面中请求接口获取wx.config的timestamp、nonceStr、signature；3、使用wx-open-launch-weapp来跳转，标签内的样式自行定义即可，注意：标签内的样式动态的不能解析。目前亲测有效有2种方案如下。
2024-01-18 09:50:59
1282
1
原创 jq中$.inArray，$.isEmptyObject，filter过滤的应用
jq中$.inArray，$.isEmptyObject，filter过滤的应用
2022-06-10 16:03:38
179
原创 vue 配置打包后在static文件下的config.js配置文件，可在服务器找到文件更改,作用于整个项目
前言：此示例需要使用vuex，来存储获取参数，所以使用前请先安装插件(此方法适用需要修改参数较多时使用)一、首先在static文件下创建“config.js”，这个文件打包后不会被编译，所以放在这里方便在服务器上准确找到对应文件修改参数，如图：二、在main.js中配置configjs的链接import axios from 'axios';let myConfigPath = "/wechat/static/config.js"if (process.env.NODE_E..
2022-02-25 09:32:24
5311
原创 ajax传参 get/post格式下单个参数分别传值写法
get模式下，如接口仅需一个参数，写法如下(红色区域)：varcategoryCode=reportDetails[0].classCode;ajax("GET",getCrowdCateProject,true,{"params":categoryCode},function(result){if(result.isSuccess){ ...
2021-09-02 14:38:00
679
原创 给数组日期排序的2种方法
let dataArr = ["2021-05-22","2021-05-12","2021-05-18","2021-05-17","2021-05-19","2021-05-25"]
2021-06-09 10:54:49
3001
原创 jq处理身份证号/手机号等字符串中间位数用星号代替
可封装公共方法来处理所有需要使用星号的字符串，此处使用三分法，比如有9个字符就将前三个与后三个显示，中间部分隐藏。如仅有1个字符，就全部显示，如有2个字符就显示第一个隐藏第二个...
2021-06-08 16:00:51
1196
原创 layui动态加载表格列
首先根据接口返回的数据拼装成动态表格加载的格式，我这里这个表格部分列数据需要动态加载，行需要动态加载，最后还有一行合计，合计行取接口字段unitReservedTota数组的total(即对所有unitReserved数组下unitReservedByDate对象中total数据的一个汇总)，l如下图...
2021-06-08 15:37:53
2877
原创 layUI下导入excel文件使用new FormData
这里使用newFormData的作用是异步上传二进制文件。1、需求是列表里增加“批量导入”功能按钮，要将固定模板的excel表格传给后台接口2、使用layUI新增弹窗，3、使用form表单形式上传文件（这里注意，如使用input的type="file",form表单的enctype需用multipart/form-data）4、使用formData发送二进制文件，接口调用部分如下...
2020-11-16 17:13:23
540
原创 获取iframe子页面js方法，子页面调用父页面变量
一、获取子页面方法1、页面里增加iframe链接路径<iframesrc="consult.html"frameborder="0"class="layadmin-iframe"id="J_questionzx"></iframe>2、监听点击事件时跳转到iframe页面并执行相应的方法$("#J_questionzx")[0].contentWindow.reScrollBottom();二、iframe子页面调用父页面公共变量使用parent.c...
2020-10-13 11:33:35
701
原创 聊天窗口使滚动条加载时即显示在底部
$('html,body').animate({scrollTop:$(document).height()},50);
2020-10-13 11:07:03
191
原创 layUI表格列表中的图片点击放大
<divstyle="width:60px;"><imgsrc="'+_imageUrl+d.webImg+'"onclick="showBigImage(this)"style="width:100%"/></div>/***图片放大*/functionshowBigImage(e){layer.open({type:1,...
2020-09-25 16:49:03
500
原创 父页面select下拉框选择后跳转到iframe子页面，并滚动到相应的位置
1、父页面增加的select选项，并引用iframe链接2、与上图同在一个页面，使用iframe嵌套显示具体内容<divclass="healthprtcontent"><iframesrc="editright.html"id="iframepage"name="iframepage"frameborder="0"class="layadmin-iframe"></iframe></div>...
2020-08-25 17:35:10
523
原创 layUI弹窗数据returndata()回传赋值及取值
1、列表中的弹窗是通过layui自带的弹窗iframe形式跳转到另一个页面的如下2、目标页面需要取到需要回传的数据，存储起来，再使用return 返回，这里一定要return一下，否则上一页面无法取值
2020-08-25 16:35:43
961
原创 js倒计时
varcountDown=function(option){varcountD=function(option){clearTimeout(this.timer);vartag=option.tag,count=option.count,cb=option.cb;...
2020-07-21 17:31:44
122
原创 layUI监听select选择框的change
今天项目上要实现一个select选择框并动态获取数据展示，当选择下拉中的数据时获取到当前被选中的value值，并将参数值传给后台。本想随便写个select下拉框，但样式太不美观，重写样式也比较麻烦，还是使用layUI自带的吧。效果如下这里强调一下，引用layUI自带的select 需要引入layui-form类，否则样式引用不上。对于select的option选项，这里使用的l...
2020-04-24 10:30:56
788
原创 layUI框架通过Cropperjs实现上传图片裁剪
最近项目需求要实现上传图片并能裁剪的功能，项目框架使用layUI，于是乎，各种找度娘翻资料发现大家都极力推荐cropper组件实现截取(裁剪)上传，于是我也选择了它。业务需求是这样的：前端实现图片上传裁剪并将裁剪后图片转换为base64位编码通过ajax传给后台,后台再将base64位编码生成图片路径返回给前台展示。第一步：下载layUI官网提供的扩展组件cropper到本地，地址(htt...
2020-04-21 17:45:10
2071
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人