![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniApp
小居米
生气不如争气。
展开
-
uniapp H5写入百度统计
方法一:新建一个template.h5.html,里面把百度统计的代码写入,如下:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="原创 2021-02-04 17:56:26 · 500 阅读 · 0 评论 -
uniapp H5封装全局并且调用以微信分享为例子
方法一:在App.vue中封装第一步:在App.vue里边写入封装的代码,如下<script> export default { onLaunch: function(e) {}, onShow: function(e) { console.log('App Show') }, onHide: function() { console.log('App Hide') }, globalData: { // #ifdef H5 setWxSha原创 2021-02-04 17:30:00 · 1580 阅读 · 1 评论 -
uniapp H5实现点击复制
uniapp的H5版是没有复制功能的接口的,可以实现H5版的复制功能有1.引用插件:clipboard 然后使用npm install clipboard --save安装 还是麻烦 2.五花八门的原生js,都不知道用哪个好,看着也是头疼。下面给大家分享一个能在uniapp H5中使用的方法,简单不复杂,复制就能用,亲测有用。哈哈哈代码如下:<view class="boxd-item" @click="copyLink(detail.link)">分享链接</view>.原创 2020-12-01 11:38:23 · 2373 阅读 · 4 评论 -
uniapp列表多选
选中并获取值,实现的代码如下:<template> <view class="index"> <view class="new_box" style="margin-top: 20upx;"> <view class="bbox"> <view class="list-box" v-for="(item,index) in list" :key="index"> <view class="list-ed"&g.原创 2020-11-26 11:44:20 · 7296 阅读 · 4 评论 -
vue v-for循环列表点击获取当前项的某一项input的value值
通常在列表中我们要给每一个项填写不同的值,并获取他们的值,在Vue,uniapp,小程序可以用到。1.以uniapp为例在v-for循环语句上写一个点击事件,传入必要参数像order_id。代码如下<template> <view class="index"> <view class="new_box" style="margin-bottom: 100upx;"> <view class="bbox"> <view clas.原创 2020-11-20 15:27:09 · 4145 阅读 · 1 评论 -
uniapp 限制输入两位小数点
<template> <view> <input v-model="money" type="number" @input="check" placeholder="金额(元)" /> </view></template><script> export default { data() { return { money:'' } }, methods: { check: functi原创 2020-11-06 14:46:24 · 3084 阅读 · 2 评论 -
uniApp H5单张和多张图片预览功能
1.单张图片预览<template> <view> <view class="my_act"> <image class="my_act1" @click="previewImg(urlimg)" :src="urlimg" mode="aspectFill"></image> </view> </view></template><script>export default原创 2020-10-31 11:44:11 · 1447 阅读 · 0 评论 -
uniApp H5公众号自定义分享ios需要手动刷新一次
第一次写uniapp H5公众号自定义分享。本以为这个是挺简单的,写了几下子很快就能分享出去了,但是高兴没有多久呀,发现苹果系统竟然要手动刷新一次,才能正常分享。为了搞定这个,通宵了一晚上也没有得出个所以然。踩这个坑最主要的还是不够了解uniapp对Android系统和ios系统的机制的路径是不一样的。然后我还以为这个坑跟之前写uni-appH5微信支付iOS系统出现当前页面url未注册问题是一个问题。事实证明这样解决不生效。后来试了各种debug调试这种方法,还以为是执行先后的问题,又往这个方向整,还是.原创 2020-10-20 12:10:08 · 3130 阅读 · 1 评论 -
uniapp(H5) App.vue生命周期获取url的参数
场景:分享连接带参数分享出去,用户点击连接,获取url上的参数例如:我分享的url是https://localhost:8080/#/pages/info/info?ref=0wfjid 用户点开公众号要获取ref的参数,进行一些用户绑定上下级啊等场景使用。uniapp(H5) App.vue生命周期获取url的参数代码如下://在App.vue里的onLaunch方法里onLaunch: function(e) { var ref = e.query.ref; cons.原创 2020-10-14 12:05:03 · 3759 阅读 · 2 评论 -
uniapp简单的复选框
只有一个的复选框<view style="display: flex;justify-content: center;align-items: center;margin-top: 60upx;"> <checkbox-group @change="selectCk"> <label style="display: flex;flex-direction: row;font-size: 28upx;"> <checkbox value="yes"/&原创 2020-10-13 10:13:27 · 6606 阅读 · 0 评论 -
解决uni-appH5微信支付iOS系统出现当前页面url未注册问题
解决uni-appH5微信支付iOS系统出现当前页面url未注册问题1.问题描述:安卓系统可以正常支付,然而苹果系统怎么支付都不能正常支付,debug显示当前页面url未注册。原理:单页应用,ios系统获取签名的url是首次进入页面的地址,安卓系统获取的是当前页面的url地址解决方案:我们要在支付页面获取到url,所以需要在支付的前一个页面跳转的时候加上这个就可以了。uni.navigateTo({ url: '/pages/order/order' , // #ifdef H5 succes原创 2020-08-31 11:34:55 · 2621 阅读 · 3 评论 -
uniApp 下拉选择渲染函数出错:Vue中的“TypeError:无法读取未定义的属性”
第一次写uniApp h5微信付款心得总结适用于手机端上的微信浏览器上使用。1.环境配置jssdk(不熟悉npm集成建议使用方法二)方法一:NPM包管理工具要使用npm包管理工具,首先要安装node.js环境才能愉快的使用npm,给大家分享一个很详细的安装node.js教程。地址:https://www.cnblogs.com/aizai846/p/11441693.html安装好node.js环境后,我们就来集成NPM包,打开我们uniapp项目下的终端运行:npm init -y 初始原创 2020-10-08 11:59:10 · 4624 阅读 · 3 评论 -
uniApp h5公众号微信支付
uniApp H5版在微信环境内的微信支付*强调文本适用于手机端上的微信浏览器上使用。1.环境配置jssdk方法1:标记文本引用文本原创 2020-08-31 00:03:24 · 2032 阅读 · 0 评论 -
uniapp H5判断是否在微信内置浏览器环境
在methods:写入方法 代码片.is_wx(){ let en = window.navigator.userAgent.toLowerCase() // 匹配ua中是否含有MicroMessenger字符串 if (en.match(/MicroMessenger/i) == 'micromessenger') { alert("在微信",11111) } if(en.match(/MicroMessenger/i) != 'micromessenger'){原创 2020-08-27 16:48:28 · 6168 阅读 · 0 评论