自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 vue3基础ref,reactive,toRef ,toRefs 使用和理解

ref:用于基本数据类型的响应式引用,访问和修改需要使用.value。reactive:用于创建响应式对象或数组,直接访问和修改其属性。toRef:将reactive对象的某个属性转换为ref,适用于单个属性。toRefs:将整个reactive对象的属性转换为ref对象,适用于需要解构响应式对象的场景。这些工具在 Vue 3 的响应式系统中互相配合使用,可以帮助你更灵活地管理和使用响应式数据。reactive:用于创建响应式对象或数组,使对象的所有属性都变成响应式。

2024-08-26 09:39:17 824

原创 element 使用printJS调用打印功能

2.在main.js中全局引用。

2024-08-22 16:33:40 204

原创 在el-table中控制每一列的显示隐藏

使用template标签包裹,v-for 写在template 上,v-if 绑定在需要循环的元素之上即可。使用v-for和v-if同时使用就会报错。

2024-07-26 14:03:04 211

原创 uview u--input 如何焦点聚集在最后一位 并且修改input内输入的文字

使用 :focus :cursor。

2024-07-11 16:34:37 412

原创 uview 列表多选 以及全选 全不选

【代码】uview 列表多选 以及全选 全不选。

2024-07-11 16:23:10 233

原创 vue3 使用uniapp动态绑定form表单

创建menu目录 index.vue页面和组件components/index页面。最主要的还是组件components/index 里的代码。下面是menu/index的代码。可能有写的不好的地方。

2024-07-03 15:25:54 291

原创 手机号前端脱敏

【代码】手机号前端脱敏。

2024-05-11 18:06:41 220

原创 uni-app如何判断是否安装腾讯QQ微信微博支付宝淘宝客户端

在iOS9以后需要添加白名单才可查询,在manifest.json文件plus->distribute->apple->urlschemewhitelist节点下添加(如urlschemewhitelist:[“weixin”])(2)参数:appInf: ( ApplicationInf ),必选,要判断第三方程序的描述信息。(3)返回值:Boolean ,第三方程序已安装则返回true,否则返回false。(1)说明:如果第三方程序已安装则返回true,未安装则返回false。

2024-05-09 13:51:41 689 1

原创 app 订单详情 分享到朋友圈

使用了很多种方法 最终让后端生成链接 前端传参 (跳转的地址 id 版本) 使用uni.share分享到朋友圈。

2024-05-08 16:02:23 123

原创 app端 商品详情消息分享给微信好友

【代码】app端 商品详情消息分享给微信好友。

2024-05-07 17:40:43 104

原创 将腾讯/高德地图经纬度转换为百度地图经纬度

【代码】将腾讯/高德地图经纬度转换为百度地图经纬度。

2024-05-06 09:47:02 442

原创 uniapp app调用支付宝支付功能

【代码】uniapp app调用支付宝支付功能。

2024-04-30 15:43:47 1231 1

原创 uniapp做app跳转小程序支付功能

【代码】uniapp做app跳转小程序支付功能。

2024-04-30 15:40:30 129 1

原创 pc端引用百度地图

【代码】pc端引用百度地图。

2024-04-17 10:02:44 220

原创 JavaScript提效的简化方法

可以使用filter()方法与Boolean构造函数相结合来简化从数组中删除假值的过程。将所有值放入数组中并使用 includes()更简洁地检查匹配。当使用indexOf()方法来确认一个数据是否存在于数组中时。使用科学计数法来简化JavaScript中大数字的处理。三元表达式可以极大地简化if ...else语句。使用** 而不是Math.pow()简化指数运算。将经典函数表达式转换为简洁的箭头函数。代码也是可以使用符号来简化的。1.从数组中删除错误值。4.逻辑或赋值运算符。

2024-03-20 11:49:15 136 1

原创 element 走马灯显示多条数据

直接上代码 我这里显示的是10条 可以根据自己的情况修改。

2024-03-18 14:30:36 606

原创 ucharts图表X轴数据内容太多 导致覆盖显示不完整

其次可以x轴显示数据个数缩小 显示滚动条。

2024-03-14 17:35:52 1676

原创 uni.makePhoneCall 方法拨号不小心点击了拒绝,再次点击就不弹出授权提示

使用uniapp自带的会出现取消后 再次点击 不在弹出授权提示。

2024-02-20 16:15:35 358

原创 elementui el-date-picker 开始时间 结束时间 时间约束

给el-date-picker添加picker-options属性。

2024-01-25 14:39:00 742

原创 h5 app 下载附件

实现ap或者h5下载文件功能

2024-01-24 16:46:40 619 1

原创 自定义header

/ 引入Header组件。<Header title="实时数据"></Header>在main.js里引入。

2024-01-16 16:36:41 487 1

原创 自定义navBar

在components文件下创建custom-navbar.vue。

2024-01-10 21:58:40 508

原创 uniapp手机号授权一键登录

登录按钮加上这两个参数 open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"

2023-12-08 11:18:22 245

原创 trim和replace替换以及去除字符串空格的使用

console.log('使用trim后字符串为:'+str1+' 长度为:'+str1.length);console.log('字符串原来为:'+str+' 长度为:'+str.length);trim是ES5 中字符串新增方法之一,可以对字符串前的空格以及字符串后的空格清空。只能去除某字符串头和尾的空格,字符串中间夹杂的空格无法去除。或者是定义一个变量去接收新字符串。还可以使用replace去除空格。去除字符串两头的空格。去除字符串所有的空格。去除字符串左侧的空格。去除字符串右侧的空格。

2023-12-07 16:03:11 472

原创 uniapp使用 scroll-view 进行触底加载列表

这列需要设置高度,一开始我没有设置高度 触底没有作用。1.template部分。2.script部分。

2023-12-05 11:37:06 1310

原创 将时间戳转为日期格式 moment

1.安装moment依赖。

2023-12-04 16:49:35 293

原创 时间 dayjs的使用

【代码】时间 dayjs的使用。

2023-12-01 11:37:38 270 1

原创 uniapp使用ucharts制作饼图

1.在uniapp找到秋云ucharts 下载导入项目。3.查看文档找到自己想做成的效果。

2023-11-29 11:28:47 1793

原创 uniapp返回指定页面

1.在pages.json里需要返回的页面添加代码 隐藏表头。最后使用uni-nav-bar 插件 完成了指定页面跳转。在uniapp官网下载uni-nav-bar插件。3.在最外城view里面添加上以下代码。就可以返回指定页面了。

2023-11-28 17:25:09 1110

原创 uniapp中通过webview实现百度地图Javascript Api 定位、路线规划、标记、导航

2.实现 标记当前位置,点击获取附近数据并标记 Marker ,地点检索,数据传输到uniapp。baidu-map.html代码如下(把ak换为你申请的ak就可以直接用)1.在百度地图开放平台 控制台新建应用,应用类型为 浏览器端,生成AK。在static文件下创建baidu-map.html文件。

2023-11-28 15:06:23 2246 5

空空如也

空空如也

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

TA关注的人

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