自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 elementui数组遍历表单验证

【代码】elementui数组遍历表单验证。

2024-04-16 16:37:18 106

原创 el-table展示二维数组

实现效果:包含合计,总计。

2023-12-05 09:38:02 1104

转载 Object.defineProperty方法(详解)

参考地址

2022-07-05 16:07:49 1998 1

原创 vue实现侧边栏导航和滚动定位

实现图

2022-06-27 14:31:11 3985 1

原创 el-input输入框使用oninput或onkeyup后,输入被屏蔽字符再输入正确字符为空问题

<el-input class=“miniInput” οninput=“value=value.replace(/[^0-9.]/g,’’)” maxlength=“35” @blur=“bussInfo.buildArea = $event.target.value”v-model=“bussInfo.buildArea” placeholder=“请输入内容”>加上这个代码重新赋值 @blur=“bussInfo.buildArea = $event.target.value”..

2022-01-13 11:53:38 1017

转载 vue-cli4不部署到根路径打包问题././

https://blog.csdn.net/qq_23447231/article/details/109142926

2021-09-07 20:07:33 204

原创 vue-cli+express前后端分离项目跨域问题解决

1、express后端项目中使用命令npm i cors -S安装cors,并在app.js文件中引入cors,写下如下几行代码var cors = require(‘cors’);//跨域app.use(cors({origin:[‘http://localhost:8080’],methods:[‘GET’,‘POST’],alloweHeaders:[‘Conten-Type’, ‘Authorization’]}));2、在router文件夹下的index.js文件中加上接口书写,这

2021-03-12 15:54:30 233

原创 nginx命令记录

yum install -y nginx 安装nginxnginx 启动ps aux | grep nginx 查看是否启动nginx -s quit 从容停止nginxsystemctl start nginx.service 启动systemctl restart nginx.service 重启nginx -s stop 立即停止killall nginx 杀死nginx进程systemctl stop nginx.service 关闭nginx -s

2021-03-08 19:51:10 255

原创 如何将本地项目上传到git仓库中

如何将本地项目上传到git仓库中1.打开github,新建一个仓库用来存放项目2.复制创建仓库链接 (https://github.com/WQ181/qiji.git)3.找到要上传的项目文件,比如 qj_consult就是我要上传到仓库上面的文件4.在项目根目录上右击。选择gitmingl窗口输入以下命令1.git init 初始化仓库,将这个目录变成git可以管理的仓库2.然后使用git add . 将文件添加到暂存区里面去 注意后面你的 .3.然后执行 git commit -m ‘描

2021-03-08 19:44:13 534

转载 js常用的数组方法和对象方法

js常用的数组方法和对象方法数组的方法1.Array.map()此方法是给数组中的每项数据都添加一个方法,结果作为一个新的数组返回,并不会改变原来的数组。2.Array.forEach()此方法是给数组的每一项数据循环添加一个方法,和map不同的是,forEach改变原数组,没有返回值。3.Array.filter()此方法类似于筛选向方法中传入一个判断条件,将满足条件的值变成一个新的数组返回。4.Array.every此方法是将所有元素进行判断返回一个布尔值,如果所有元素都满足判断条件的

2021-03-08 19:32:26 489

原创 css居中的方法

1.absolute + 负margin.parent {position:relative;}.son {position:absolute;left:50%;top:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;}2.absolute + margin auto.parent {position:relative;}.son {position:absolute;left:0;top

2021-03-07 16:42:35 84

原创 Vue生命周期

Vue生命周期beforeCreate: 在实例创建之前调用,由于实例还未创建,所以无法访问实例上的 data、method等。created: 在实例创建完成后调用,这时已完成数据的观测,可以访问data、method等,但还无法与dom进行交互,如果想要访问dom,可以使用 vm.$nextTick。此时可以对数据进行更改,不会触发 updated。beforeMount: 在挂载之前调用,这时的模板已经在内存中编译好了,但是尚未挂在到页面中去。在此时也可以对数据进行更改,不会触发 updated

2021-03-07 16:40:01 95

转载 JS求任意字符串中出现最多的字符以及出现的次数

// 随意定义一个字符串var str = “111iiiw2shhfel000”; // 定义函数 function num(str) { // 定义一个空对象,因为这边要求出现最多次数,以及出现的字符,这边使用对象的方式再合适不过了,键值对的形式 var obj = {}; // 求出字符串的长度 var len = str.length; // for循环如果遍历整个字符串 for( va

2021-03-07 16:36:49 259

转载 uniapp上拉加载更多功能的简单实现

https://www.cnblogs.com/huihuihero/p/13206958.html

2020-12-21 11:45:20 869

原创 vue-vli3.0引入element报错问题

1.vue-vli3.0引入element报错Can’t resolve ‘element-ui’Module not found: Error: Can’t resolve ‘element-ui/lib/button’Couldn’t parse bundle asset2.解决,vue-cli3.0按文档引入element-ui会报错是因为文档上面有专门为vue-cli3.0准备的版本。3.点击这里4.按照github上面的来5.How do you want to import

2020-11-22 19:00:07 2017 2

原创 点击按钮,复制对应的连接。

1.如图2.实现{{ fuzhi }}{{ wenhao }}{{ idd }}<button class=“btn” @click=“CopyUrl”>复制链接CopyUrl(){this.fuzhi2 = this.fuzhi+this.wenhao+this.idd // 这是我自定义的复制内容console.log(this.fuzhi2)var Url2 = this.$refs.input1.valuevar oInput = document.createEle

2020-11-21 22:21:25 711

原创 vue+css实现一个下拉菜单

<div class="dropdown fleft"> <!-- <button class="dropbtn listxx">更多赛事</button> --> <div class="dropbtn listxx">更多赛事</div> <div class="dropdown-content"> <a href="javascript:;" :...

2020-11-21 22:14:17 792

原创 vue中CSS使用:after伪类实现点击改变样式

1.如图2.实现中 data中actived一开始为false方法中gbys () {this.ddh = JSON.parse(window.localStorage.getItem(‘ddh’))console.log(this.yhid)console.log(this.fxid)this.actived = !this.activedconsole.log(this.actived)},style中.actived{position

2020-11-21 22:07:57 3670 1

原创 vue如何使用腾讯地图JavaScript API GL进行打点标记

1.创建一个TMap.js文件export function TMap0() {return new Promise(function (resolve, reject) {window.init = function () {resolve(window.TMap)//注意这里}var script = document.createElement(“script”);script.type = “text/javascript”;script.src = “https://map.qq.

2020-11-21 21:57:44 2316

原创 javascript实现多选

html代码js代码var app = new Vue({el : “.box”,data : {cities : [“上海”,“北京”,“广州”,“重庆”,“西安”],arr : []},methods :{checkedBox(i){if(this.arr.includes(i)){//includes()方法判断是否包含某一元素,返回true或false表示是否包含元素,对NaN一样有效//filter()方法用于把Array的某些元素过滤掉,filter()把传入的函数依次

2020-11-21 21:40:41 1105

原创 开发微信公众号支付代码

一。url传入当前页面url地址或者微信公众平台配置的域名根目录,使用window.location.href方法获取,二。下面代码请结合微信公众号开发文档微信公众号开发文档function test(url,) {uni.request({url: cfg.originUrl + ‘/wx/mp/js_sig.do’, //这里请求后端获取签名验证什么的data: {route: url //url传入当前页面url地址或者微信公众平台配置的域名根目录,使用window.location

2020-11-21 21:34:58 383

原创 uni-app开发5+app,图片无法在真机上面显示。

uni-app开发5+app,图片无法在真机上面显示。总结:标签使用错误请不要使用img标签请使用 image标签<image @click=“dianjitubiao($event)” :data-index=“index” v-for="(item,index) in morenico" :key=“index” style=“width: 30rpx;height: 30rpx;margin-left: 15rpx;margin-top: 15rpx;” :src=“item.img

2020-11-21 21:21:56 793 1

原创 使用Hbuilder X配合uniapp开发5+APP时无法开启真机调试。

一。首先确保手机开发者选项打开了,usb调试打开了。二,安装360手机助手进行连接测试,如果连接不了,请尝试重启电脑或者更换usb插口,如果时台式机的话,建议插后置面板的usb接口。三。只要360手机助手能连上,HbuilderX也就能连上。...

2020-11-21 21:17:25 1163

原创 vue实现点击某个v-for遍历的数据,改变其样式。

这里写自定义目录标题vue实现点击某个v-for遍历的数据,改变其样式。前言二、使用步骤总结vue实现点击某个v-for遍历的数据,改变其样式。前言如下图,点击了胜负十四场,文字加粗了,添加了下划线。二、使用步骤这里class属性,用一个三元运算符判断,如果xzindex=index的话,那么选择listzh样式,否则的话,先择listxx样式,用:data-index="index"传入数据,当然如果只是传索引的话直接@click="dianjilist(index)"就可以了,然后方法里面接

2020-11-21 20:31:38 3443

原创 开发微信公众号分享给朋友报错config:fail,Error: 系统错误,错误码:63002,invalid signature,无效的签名。

这里写自定义目录标题项目场景:问题描述:原因分析:解决方案:项目场景:最近在用uni-app开发一个微信公众号,使用了jssdk。问题描述:微信支付可以,分享给朋友报错config:fail,Error: 系统错误,错误码:63002,invalid signature,无效的签名。原因分析:验证签名没问题,搞了好久,才发现这个url必须传当前页面的url,不然会一直报签名失效。解决方案:所以我传入当前页面的路径,window.location.href方法获取当前url第一次自定义

2020-11-20 16:48:22 18799 17

uni-app微信公众号支付.vue

//微信充值 //支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + '/wx/mp/js_sig.do', data: { route: url }, method: 'GET', success: (res) => { jweixin.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: res.data.appId, // 必填,公众号的唯一标识 timestamp: res.data.timestamp, // 必填,生成签名的时间戳 nonceStr: res.data.nonceStr, // 必填,生成签名的随机串 signature: res.data.signature, // 必填,签名 jsApiList: ['chooseWXPay'] // 必填,需要使用的JS接口列表 }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + '/wx/recharge/pay.do', method: 'POST', header: { 'Content-type': "application/x-www-form-urlencoded", }, data: JSON.stringify(data), success: function(res) { alert&#40;"下单成功"&#41;; alert&#40;JSON.stringify(res&#41;); alert&#40;res.data.order_id&#41;; all.globalData.orderId = res.data.order_id; uni.setStorageSync('orderId', res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, // 支付签名时间戳 nonceStr: res.data.payParams.nonceStr, // 支付签名随机串 package: res.data.payParams.package, // 接口返回的prepay_id参数 signType: res.data.payParams.signType, // 签名方式 paySign: res.data.payParams.paySign, // 支付签名 success: function(e) { alert&#40;"支付成功"&#41;; alert&#40;JSON.stringify(e&#41;); // 支付成功后的回调函数 } }); } }) }); jweixin.error(function(res) { // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 console.log("验证失败!") }); } }) }

2019-08-01

空空如也

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

TA关注的人

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