- 博客(52)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 随笔记录：vue3+vite项目dist文件手动打包
项目概述：在一个vue项目中可能有多个不关联的模块内容，希望在build打包发布的时候对项目代码进行手动分包(按模块分)1.新建一个vite.iot.config.ts文件。实现代码的手动分包+文件hash文件指纹的缓存。2.在package.json文件内配置。例：针对modules1模块打包。
2025-03-27 16:58:52
326
原创 uniapp 小程序使用拉起微信支付
package: res.data.packageValue, // 统一支付接口返回的prepay_id参数值。nonceStr: res.data.nonceStr, // 支付签名随机串，不长于 32 位。appId: “wx157b0e7b6efed4e6”, // 必填，公众号的唯一标识。signType: res.data.signType, // 签名方式，
2024-12-05 10:09:52
322
原创 uniApp开发微信公众号H5的时候，使用微信开放标签wx-open-subscribe， 在ios手机端环境的问题
IOS：每次切换路由，SPA的url是不会变的，发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url)Android：每次切换路由，SPA的url是会变的，发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)在进入这个页面的时候把uni.navigateTo换成window.location.href。这里需要注意的是，window.location.href里的路径需要用全路径，包含域名的路径。接着想应该是iOS路由的问题，所以就用原生的页面跳转。
2023-12-11 15:23:16
1115
原创 uniapp开发H5微信公众号,使用微信的扫一扫等Api试错
记录使用uniapp开发H5微信公众号,有些业务需要用到一些API，比如扫码，h5和微信小程序，app在使用过程中有有些不同，h5使用需要单独引入微信的jsdk,才能使用否则会报错无法使用。注意事项：在使用的时候必须要先调用wx.config这个微信的API，否则无法使用，然后再jsApiList参数中写入你需要用到的api。然后还有一个需要注意的地方，在扫码完成后获取返回值进行赋值的时候，无法直接赋值，因为this指向原因，需要提前定义一下。
2023-10-16 08:55:12
882
原创 layui动态添加表格
+ '<h5>请求参数<i class="layui-icon layui-icon-add-1" style="margin-left: 20px" id="requestAdd"></i>'+ '<i class="layui-icon layui-icon-subtraction" id="requestSub"></i></h5>'+ '<table class="layui-table" lay-skin="line
2022-05-25 10:42:31
1974
2
原创 layui中$(选择器).on(‘click‘)方法无效解决办法
在layui中$(选择器).on(‘click’)点击事件无效的解决办法//使用此点击事件失效$(".sub2").on('click', function() { alert('响应点击事件');});//将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件//以下可实现点击效果$(document).on('click', '.sub2', function() { alert('响应点击事件');});layui.use(['jque
2022-05-25 10:33:25
5418
3
原创 关于对手机号，邮箱星号加密处理
效果图<view class="" style="margin-left: 32rpx;"> <view class="username" style="font-size: 32rpx;">您好:{{userinfo.phone||''}}</view> <view class="editbtn" @click="editUser">修改个人资料</view></view>// 用户信息 getuserinfo()
2022-03-10 17:51:02
1024
原创 vue 搜索输入框输入空格，禁止输入空格
在开发移动端的时候，开发一个搜索功能，输入框中有空格，但是搜索会出问题所以要搜索框中要禁用空格html<input type="text" v-model="value" placeholder="请输入内容" />方法 //禁用空格 isNull(str) { if (str == "") return true; var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); } add
2022-03-10 16:55:58
2539
原创 检测文本是否超过设定宽度，文本溢出显示按钮显示更多
html代码参数data() { return { prjDetail: “”, // 详情 showDetailBtn: false, // 是否显示“详情”按钮 detailDom: "", // 详情dom } },方法 showDetailBtnFun() { this.$nextTick(() => { this.detailDom = this.$refs.deta.
2022-03-10 16:32:09
702
原创 element 表单input回车刷新页面解决办法
element 表单input回车刷新页面解决办法在开发页面的时候，进行表单查询，点击输入框然后按下回车会刷新页面解决办法：一. 在el-form标签中添加@submit.native.prevent<el-form @submit.native.prevent>
2022-03-10 10:30:19
592
原创 常用的14中数组方法
常用的14中数组方法1：concat()方法定义和用法concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。实例例子 1在本例中，我们将把 concat() 中的参数连接到数组 a 中：<script type="text/javascript">var a = [1,2,3];var b = [4,5,6]console.log(a.concat(b));//输出 1,2,3,4,5，6</script&g
2022-03-03 17:12:13
109
原创 vue中关于后端返回的参数中截取所需的值
后端返回参数截取参数clickbanner(e) { let wxappUrl = this.banner[e].wxappUrl var url = wxappUrl.split("?")[0]; var cateId = wxappUrl.split("?")[1].split("=")[1].split("&")[0]; uni.navigateTo({ url: url + '?id=' + cateId }); },...
2022-03-03 16:59:16
812
原创 CSS-文本溢出省略号表示
单行溢出处理：.text-overflow{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}多行溢出处理：复制代码.text-overflows{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
2022-02-22 17:46:20
451
原创 uniapp的scroll-view横向滚动，实现横向滚动列表
在开发小程序或者h5页面的时候，会有遇到开发一个横向滚动列表如：所以我们用到了uniapp的scroll-view组件官方文档：https://uniapp.dcloud.io/component/scroll-view实现横向滚动必须设置<scroll-view class='scrollContainer' scroll-x> <view class='scrollitem' v-for="(item, index) in goodsArr" :key="inde
2022-02-22 17:44:10
10597
原创 element-ui el-input “type=number“的上下箭头去掉
经常在使用elementUI的input组件type=number的时候会出现末尾有上下箭头如何解决呢？改变css::v-deep input::-webkit-outer-spin-button,::v-deep input::-webkit-inner-spin-button {-webkit-appearance: none !important;}::v-deep input[type=‘number’] {-moz-appearance: textfield !important;
2022-02-11 11:35:42
2216
原创 element的输入框的各种校验
我们在使用elementUI的输入框是会有各种的业务需求，比如只能输入数字，只能输入小数切保留小数点后几位等等1.input输入框如何只能输入非零开头的正整数
2022-02-11 11:34:26
1914
原创 截取标准时间的年月日，时分秒
截取标准时间的比如"2020-01-22 10:20"，截取时间的年月日或者时分秒var arr=“2018/6/21 10:05:30”.split(" ");//以空格分割为数组var date=arr[0];//arr内容是[“2018/6/21”,“10:05:30”];所以第1个元素就是2018/6/21//截取时间的年月日var date=“2018/6/21 10:05:30”.split(" ")[0];//截取时间的时分秒var date=“2018/6/21 10:05:3
2022-02-07 16:05:09
1391
原创 关于element的表格数据行赋值给表单，会出现表单输入框无法输入的情况
解决在表格数据行赋值给表单，会出现表单输入框无法输入的情况有时候在点击表格的某一行，把这一行的数据赋值给Dialog弹窗，然后会出现输入框无法输入更改值的情况这里有一些人用了一个粗暴的方法直接强制刷新，this.forceUpdate()，但是这个强制刷新，还衍生出了新问题：Input的表单校验失效了！所以使用了this.forceUpdate()，但是这个强制刷新，还衍生出了新问题：Input的表单校验失效了！所以使用了this.forceUpdate()，但是这个强制刷新，还衍生出了新问题：Inp
2022-01-13 18:02:03
1458
原创 vue 循环遍历树结构，添加标识字段，表格根据标识字段显示按钮
vue 循环遍历树结构，添加字段在开发的时候会有这样的场景，在表格中会根据不同的数据展示不同的操作按钮，这里是数据的上移下移，第一个展示上移，最后一个下移。思路：这里的开发思路是遍历数据给每一条数据都加上一个标识字段，通过这个标识字段去显示隐藏按钮 标识字段upper上移 lower下移...
2021-09-27 14:23:31
2426
原创 隐藏iframe的顶部操作栏
隐藏iframe的顶部操作栏在iframe中预览pdf顶部会有一行操作栏，里面有打印，但是我只想让他预览不让打印，打印另做处理在iframe标签中的预览地址后面加上#toolbar=0效果
2021-09-07 11:46:04
1777
3
原创 element 多选表格分页之后，选择下一页保留前一页选择的数据
element 多选表格分页之后，选择下一页保留前一页选择的数据在开发的过程中会遇到多选表格，而且表格会有分页，在当前页选择数据后，下一页会保留当前页的数据
2021-09-06 18:13:52
967
原创 对于element 的表单会二次校验问题
表单校验二次校验在我们开发过程中会遇到校验表单的情况，我们只想在提交的时候去校验表单，但是会遇到比如Dialog表单提交的时候校验一次后，再次打开弹窗还会校验一次，解决办法加上代码if (this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …s.form){ this.refs.form.resetFields();}...
2021-08-17 18:50:09
1686
原创 关于vue-Treeselect的表单校验问题
在开发页面时，会用到vue-Treeselect组件，当表单进行必填校验时，值改变后校验未消除的解决办法第一次触发校验，值改变后校验未清除解决办法
2021-08-17 16:34:59
2164
3
原创 解决因为网络或其他原因多次提交表单
解决表单的多次提交在项目开发中会遇到提交表单，但是因为网络原因或者因为用户习惯多次点击按钮，而造成表单多次提交，如何解决解决思路首先我的思路是，表单提交的时候控制按钮的点击，只让按钮每次请求的时候就让点击一次，然后就禁止点击，请求完成后才可以再次点击，所以我是用的是disabled来禁用按钮。解决方法...
2021-07-29 16:13:43
481
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人