自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 子组件向父组件传值

【代码】子组件向父组件传值。

2023-04-12 14:20:03 189 1

原创 uniapp 自定义顶部导航栏所需的参数

在小程序平台,如果原生导航栏被隐藏,仍然在右上角会有一个悬浮按钮,微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息,方便开发者布局顶部内容时避开该按钮。坐标信息以屏幕左上角为原点。

2023-04-12 09:38:52 516

原创 element循环渲染el-select控制选择后改变disabled状态

【代码】element循环渲染el-select控制选择后改变disabled状态。

2023-03-28 21:41:53 960 1

原创 element表头不重新渲染

【代码】element表头不重新渲染。

2023-03-15 09:48:31 166

原创 css实现线条两边细中间粗

css

2022-06-15 10:43:44 1058 1

原创 CSS设置背景色高度

css

2022-06-15 10:39:57 1464

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

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

原创 自定义滚动条样式

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-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 623

原创 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 3096 2

原创 HbuilderX无法检测到手机

1.确保打开开发者模式2.HbuilderX工具缺少了文件hubildX的安装目类里面的\plugins\launcher\tools\adbs然后重启HbuilderX就可以了

2021-12-04 10:13:18 931 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 1500

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

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

原创 字符串与数组的转换

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 125

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

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

原创 js获取十位数的时间戳

js获取十位数的时间戳var time = Math.round(new Date().getTime()/1000).toString();

2021-04-24 10:10:26 1480

原创 禁止鼠标右键

<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 128

原创 循环遍历判断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 1806

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

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

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

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

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

原创 微信小程序监听手势左右滑动

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 4780 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 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

原创 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 950 2

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

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

原创 解决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 h5公众号微信支付

uniApp H5版在微信环境内的微信支付*强调文本适用于手机端上的微信浏览器上使用。1.环境配置jssdk方法1:标记文本引用文本

2020-08-31 00:03:24 2032

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

空空如也

空空如也

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

TA关注的人

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