- 博客(38)
- 收藏
- 关注
原创 uniapp 自定义顶部导航栏所需的参数
在小程序平台,如果原生导航栏被隐藏,仍然在右上角会有一个悬浮按钮,微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息,方便开发者布局顶部内容时避开该按钮。坐标信息以屏幕左上角为原点。
2023-04-12 09:38:52
571
原创 element循环渲染el-select控制选择后改变disabled状态
【代码】element循环渲染el-select控制选择后改变disabled状态。
2023-03-28 21:41:53
1136
1
原创 echart 自定义鼠标悬停toolTip
在option的tooltip属性中自定义tooltip: { trigger: 'axis', axisPointer: {type: 'shadow'}, //数据格式 formatter: function (params) { if(params[0].data == 0||params[1].data == 0){ var display = params[0].axisValue + '<br>计划产值:' + params[0
2022-03-18 15:38:12
1085
原创 echart 点击事件
以柱状图为例点击单个柱形上myChart.off('click');// 在渲染点击事件之前先清除点击事件,一定要加上否则会重复加载先前的点击事件myChart.on("click", function (params) { console.log('获取点击的数据',params); //在这里可以拿到数据然后调用需要调用的方法});点击整块柱形myChart.getZr().off('click');// 在渲染点击事件之前先清除点击事件myChart.getZr().on('cli
2022-03-18 15:28:59
3914
原创 自定义滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 8px; /*滚动条宽度*/ height: 8px; /*滚动条高度*/}/*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-thumb { /* 滚动条 拖动条 */ background-color: rgba(0, 0, 0, .2); border-radius: 6px;} ::-webk
2022-03-04 08:51:13
650
原创 element tree选父节点所有子节点选中,选子节点父节点选中
<template> <div class="cm"> <el-row v-loading="loading"> <el-col :span="24" :xs="24" style="height: 550px;overflow-y: auto;"> <el-tree ref="tree" :data="data" :props="props" show-checkbox node-key="menuId" :che
2021-12-15 09:44:00
3271
2
原创 HbuilderX无法检测到手机
1.确保打开开发者模式2.HbuilderX工具缺少了文件hubildX的安装目类里面的\plugins\launcher\tools\adbs然后重启HbuilderX就可以了
2021-12-04 10:13:18
5483
1
原创 vue element 动态路由配置
第一步:src/router/index.js 公共路由定义import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'export const constantRoutes = [{ path: '/login', component: () => import ('@/view
2021-11-26 10:28:44
1547
原创 element条件判断rules表单验证显示必填或非必填
<el-col :xs="24" :sm="24" :lg="8"> <el-form-item size="small" label="是否延长:" prop="data"> <el-radio v-model="formData.data" label="1">是</el-radio> <el-radio v-model="formData.data" label="0">否</el-radio> &l
2021-11-03 10:11:41
1845
原创 js截取url中指定参数的值
<script> export default { data() { return { code:'', } }, mounted() {}, created(){ this.code = this.getUrlCode('code') }, methods: { getUrlCode(name) { var url = "https://fdcdd.xxxx.cn
2021-09-09 08:57:45
481
原创 字符串与数组的转换
split()方法字符串分割成字符串数组var involvedTime = "2021-08-06 00:00,2021-08-13 00:00"involvedTime = involvedTime.split(",") join()方法将数组作为字符串输出var involvedTime = [{2021-08-12 00:00},{2021-08-19 00:00}]involvedTime = involvedTime.join(",") ...
2021-08-17 10:57:34
156
原创 vue解析blob 二进制流图片的展示
<el-image v-loading="loading" style='height: 480px;' :src="imgsrc"></el-image><script> import {getFlowPhoto} from "@/api/plan.js"; export default { data() { return { imgsrc:'', loading:false, } },
2021-08-10 09:04:14
8827
1
原创 HTML禁止复制
<body leftmargin=0 topmargin=0 οncοntextmenu='return false' οndragstart='return false' onselectstart ='return false' οnselect='document.selection.empty()' οncοpy='document.selection.empty()' onbeforecopy='return false' οnmοuseup='document.selection.empt
2021-08-10 08:42:13
149
原创 js获取十位数的时间戳
js获取十位数的时间戳var time = Math.round(new Date().getTime()/1000).toString();
2021-04-24 10:10:26
1663
原创 禁止鼠标右键
<script> if (window.Event){ document.captureEvents(Event.MOUSEUP); function nocontextmenu() { event.cancelBubble = true event.returnValue = false; return false; } function norightclick(e) { if (window.Event) { if (e.which ==
2021-03-25 12:53:16
160
原创 循环遍历判断list里面的元素
前端经常需要用到循环遍历判断list里面的元素,来简单的总结一下1.for语句的方法遍历数组/集合this.http('api/XXX/XXX', 'post', {token:token}).then(res => { if (res.data.code === 1) { this.listspim = res.data.data.list; console.log('获取的列表---', this.listspim); for (var i = 0; i < this..
2021-03-22 15:00:08
1877
原创 js和jqs常用知识累积
1.获取div里的值,和往div里加值//1.往这个div里加值$("#res_begin_date").text(res.data.begin_date);//2.获取到这个div里的值var zhi=$("#shuzi").html()2.获取input的值、往input里加值//通过id获取input的值var zhi=$('#id').value;var zhi=document.getElementById('id').value;//通过name获取input的值 va
2021-03-02 11:47:52
395
原创 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
627
原创 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
1717
1
原创 Android生成证书
1.安装jdk环境下载jdk的官网地址:https://www.oracle.com/java/technologies/javase-downloads.html2.生成在安装好的jdk的目录下:例如E:\MJY\JDK\bin确保安装好后cmd进入输入以下命令keytool -genkey -alias testkey -keyalg RSA -keysize 1024 -keypass password -validity 3500 -keystore E:\MJY\test.keystor
2021-01-21 16:11:16
598
原创 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
2480
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
7606
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
4263
1
原创 微信小程序监听手势左右滑动
1.在view标签绑定上touchStart,touchMove,touchEnd事件<view bindtouchstart='touchStart' bindtouchmove='touchMove' bindtouchend="touchEnd">监听左右滑动事件</view>2.在js中写上Page({ /** * 页面的初始数据 */ data: { touchS : [0,0], touchE : [0,0] },
2020-11-16 16:36:05
5066
2
原创 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
3446
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
1643
原创 js生成随机字符串
在撸码过程中,我们经常用到随机生成字符串,在token啊,密码啊等,记录一下随机生成字符串的方法。代码如下<body> <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;"> <h1 style="font-size: 18px;">生成32位随机字符串。randomString(32)</h1> <div
2020-10-26 15:36:52
996
2
原创 uniApp H5公众号自定义分享ios需要手动刷新一次
第一次写uniapp H5公众号自定义分享。本以为这个是挺简单的,写了几下子很快就能分享出去了,但是高兴没有多久呀,发现苹果系统竟然要手动刷新一次,才能正常分享。为了搞定这个,通宵了一晚上也没有得出个所以然。踩这个坑最主要的还是不够了解uniapp对Android系统和ios系统的机制的路径是不一样的。然后我还以为这个坑跟之前写uni-appH5微信支付iOS系统出现当前页面url未注册问题是一个问题。事实证明这样解决不生效。后来试了各种debug调试这种方法,还以为是执行先后的问题,又往这个方向整,还是.
2020-10-20 12:10:08
3280
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
4010
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
6741
原创 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
4748
3
原创 解决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
2873
3
原创 uniApp h5公众号微信支付
uniApp H5版在微信环境内的微信支付*强调文本适用于手机端上的微信浏览器上使用。1.环境配置jssdk方法1:标记文本引用文本
2020-08-31 00:03:24
2138
原创 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
6911
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人