自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 资源 (1)
  • 收藏
  • 关注

原创 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 807

原创 uniapp开发H5微信公众号,使用微信的扫一扫等Api试错

记录使用uniapp开发H5微信公众号,有些业务需要用到一些API,比如扫码,h5和微信小程序,app在使用过程中有有些不同,h5使用需要单独引入微信的jsdk,才能使用否则会报错无法使用。注意事项:在使用的时候必须要先调用wx.config这个微信的API,否则无法使用,然后再jsApiList参数中写入你需要用到的api。然后还有一个需要注意的地方,在扫码完成后获取返回值进行赋值的时候,无法直接赋值,因为this指向原因,需要提前定义一下。

2023-10-16 08:55:12 490

原创 vue+element UI的form表单规则校验国际化(多语言切换)

element 表单规则校验国际化

2023-02-22 09:31:48 1313 2

原创 前端支持国际化流程 vue

前端国际化 vue

2023-02-22 09:08:18 728

原创 css水平居中的几种方法

css实现水平居中

2022-11-16 11:00:20 451

原创 layui 使用xmSelect组件多选下拉

xmSelect多选下拉,取值,formData表单提交

2022-08-05 10:34:24 3487

原创 layui表格点击复制到剪切板

点击复制内容到剪切板

2022-07-20 15:18:32 2644

原创 使用echarts.js实现折线图,实现x轴可以滑动

echarts.js实现折线图,实现x轴可以滑动功能

2022-07-20 15:05:42 3246

原创 layui时间范围选择器,一个选择框

layui时间范围选择器,封装

2022-07-20 14:36:57 760

原创 使用csss实现切角矩形,切角矩形,切角边框

css3实现切角图案

2022-07-20 14:27:11 1809

原创 layui 表单去除校验

layui 去除表单校验

2022-07-14 10:58:13 3161

原创 图片使用css3滤镜改变图片颜色

使用css改变图片背景颜色

2022-07-14 10:46:41 1744

原创 输入框验证可以输入正负数,小数保留两位小数

验证input输入正负数,小数保留两位小数

2022-07-08 10:38:52 985

原创 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 1856 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 5027 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 813

原创 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 2435

原创 检测文本是否超过设定宽度,文本溢出显示按钮显示更多

html代码参数data() { return { prjDetail: “”, // 详情 showDetailBtn: false, // 是否显示“详情”按钮 detailDom: "", // 详情dom } },方法 showDetailBtnFun() { this.$nextTick(() => { this.detailDom = this.$refs.deta.

2022-03-10 16:32:09 604

原创 element 表单input回车刷新页面解决办法

element 表单input回车刷新页面解决办法在开发页面的时候,进行表单查询,点击输入框然后按下回车会刷新页面解决办法:一. 在el-form标签中添加@submit.native.prevent<el-form @submit.native.prevent>

2022-03-10 10:30:19 538

原创 常用的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 73

原创 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 766

原创 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 421

原创 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 8194

原创 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 2058

原创 element的输入框的各种校验

我们在使用elementUI的输入框是会有各种的业务需求,比如只能输入数字,只能输入小数切保留小数点后几位等等1.input输入框如何只能输入非零开头的正整数

2022-02-11 11:34:26 1868

原创 截取标准时间的年月日,时分秒

截取标准时间的比如"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 1316

原创 关于element的表格数据行赋值给表单,会出现表单输入框无法输入的情况

解决在表格数据行赋值给表单,会出现表单输入框无法输入的情况有时候在点击表格的某一行,把这一行的数据赋值给Dialog弹窗,然后会出现输入框无法输入更改值的情况这里有一些人用了一个粗暴的方法直接强制刷新,this.forceUpdate(),但是这个强制刷新,还衍生出了新问题:Input的表单校验失效了!所以使用了this.forceUpdate(),但是这个强制刷新,还衍生出了新问题:Input的表单校验失效了!所以使用了this.forceUpdate(),但是这个强制刷新,还衍生出了新问题:Inp

2022-01-13 18:02:03 1394

原创 element表格的行内编辑

element表格的行内编辑在data中定义

2021-11-05 16:14:01 633

原创 vue在表格列表页跳转到详情页后返回定位在原来的位置(路由传参的方式实现定位页面)

跳转时传当前页,返回的时候传回来

2021-10-15 11:33:05 572

原创 vue 循环遍历树结构,添加标识字段,表格根据标识字段显示按钮

vue 循环遍历树结构,添加字段在开发的时候会有这样的场景,在表格中会根据不同的数据展示不同的操作按钮,这里是数据的上移下移,第一个展示上移,最后一个下移。思路:这里的开发思路是遍历数据给每一条数据都加上一个标识字段,通过这个标识字段去显示隐藏按钮 标识字段upper上移 lower下移...

2021-09-27 14:23:31 2327

原创 隐藏iframe的顶部操作栏

隐藏iframe的顶部操作栏在iframe中预览pdf顶部会有一行操作栏,里面有打印,但是我只想让他预览不让打印,打印另做处理在iframe标签中的预览地址后面加上#toolbar=0效果

2021-09-07 11:46:04 1561 3

原创 element 多选表格分页之后,选择下一页保留前一页选择的数据

element 多选表格分页之后,选择下一页保留前一页选择的数据在开发的过程中会遇到多选表格,而且表格会有分页,在当前页选择数据后,下一页会保留当前页的数据

2021-09-06 18:13:52 926

原创 element 表格的选中回显

在开发管理系统的时候会遇到后台返回的值需要在表格中显示实现

2021-08-30 10:39:53 173

原创 对于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 1552

原创 关于vue-Treeselect的表单校验问题

在开发页面时,会用到vue-Treeselect组件,当表单进行必填校验时,值改变后校验未消除的解决办法第一次触发校验,值改变后校验未清除解决办法

2021-08-17 16:34:59 1933 3

原创 element 表单的表单名称label和表单域平行显示

element 表单的表单名称label和表单域平行显示解决方法

2021-08-17 16:10:45 375

原创 element表格的单元格字段太多,折行显示

element表格的单元格字段太多,会折行, tooltip显示

2021-07-29 16:45:13 556

原创 解决因为网络或其他原因多次提交表单

解决表单的多次提交在项目开发中会遇到提交表单,但是因为网络原因或者因为用户习惯多次点击按钮,而造成表单多次提交,如何解决解决思路首先我的思路是,表单提交的时候控制按钮的点击,只让按钮每次请求的时候就让点击一次,然后就禁止点击,请求完成后才可以再次点击,所以我是用的是disabled来禁用按钮。解决方法...

2021-07-29 16:13:43 394

原创 Vue开发h5页面的搜索功能

h5页面的搜索功能怎么在手机端可以使用搜索这是例子

2021-07-23 14:13:25 572

原创 对于表格页面跳转出去后,回来后还是定位在离开表格的那一页

对于想在表格离开后,跳转回来后定位在离开的页面思路在做这个的时候,一开始是想把分页的参数和查询参数在跳转的时候当做参数传递给页面,然后跳转的时候在传回来,后来觉得这样很麻烦,这样的解决方法不太优雅,然后改为上面的这种把参数放到缓存里面,从缓存里面取,然后替换请求对象里面的值...

2021-04-14 16:09:40 192

echarts.js文件

echarts,js开发文件

2022-07-20

空空如也

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

TA关注的人

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