Jerrica-CSDN博客

原创微信小程序页面监听右上角退出，判断小程序进入后台时就实现页面跳转

功能需求：在小程序中某一个页面没有进入后台的功能，如果点击右上角退出按钮，默认小程序进入后台，点击再次进入本页面，但是因为功能需要，在小程序进入后台时，再次进入需要跳转到首页。实现方法：在app.js onHide()生命周期中监听进入后台的事件，之后通过getCurrentPages()方法获取当前页面，判断跳转onHide:function(){ let pages ...

2018-10-10 16:51:19 31781 5

原创使用scoped穿透方法实现修改vue中mint UI组件样式

效果：代码：<div class="goods-swiper"> <mt-swipe :auto="5000" :show-indicators="true"> <mt-swipe-item v-for="(item,index) in goodSwiperLists" :key="index"><i

2018-07-09 18:03:13 4380

原创 VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题

页面展示：实现效果：点击实现列表内容的展开、折叠。代码：<div class="invoice-list" v-for="(item,index) in invoiceData" :key="index"> <div class="images"><img src="../../../../../static/images/invoice_pu

2018-07-06 18:11:25 122471 7

原创使用element UI el-upload组件实现视频文件上传及上传进度显示方法总结

实现效果：上传中：上传完成：代码：<el-form-item label="视频上传" prop="Video">  <el-upload class="avatar-uploader el-upload--text" :action="uploadUrl" :show-

2018-06-29 11:38:41 125829 57

原创使用element UI Cascader 级联选择器实现简单的选择生日日期的功能（没有年份）

实现效果：选择完成，显示：主要是为了在所有列表中实现按生日日期进行筛选的功能。方法：<tr> <td colspan="2"> <el-form-item label="会员生日" prop="vipBirthday"> <el-cascader :options="birthdayOption

2018-06-25 17:43:23 3738

原创 element UI中table组件实现单选操作

项目中使用element UI的table组件实现选择短信模板的功能，需要用到单选按钮，实现效果：代码： <el-table :data="shortTemplateData" border style="width: 100%" ref="multipleTable"> <el-table-column label="" width="65"&g

2018-06-25 17:26:10 66914 9

原创 vue.js获取屏幕高度clientHeight设置充满屏幕引导页

实现效果：方法：html:JS：<script> export default { data(){ return { clientHeight:'', } }, mounted(){ // 获取浏览器可视区域高度 this.clientHeight = `${document.documen...

2018-06-12 18:03:04 53221 2

原创 vue中ueditor单张图片上传contentChange不调用的解决办法总结

将ueditor组件化到vue.js项目中，当调用组件后，绑定ready函数，监听contentchange如下图：当内容变化时，获取变化复制到data中，没有问题，可是在单张图片上传时，在图片上传过程中调用了函数，图片上传成功后，没有变化，所以，导致了出现数据库中只存入了“正在上传”的HTML，修改方法：找到 Ueditor.all.js文件中单文件上传函数在loading并remove之...

2018-06-08 17:50:24 3934 1

原创 vue.js中微信公众号中支付宝支付失败bug解决办法

微信公众号中调用支付宝支付需要在浏览器中打开支付链接然后调用支付才可以。具体方法：1、文件 2、我们使用的是post方法提交。下面是在vue.js中使用的方法总结 1、创建alipay页面路由，调起浏览器支付提示页面。（样式太多，省略）<template> <div> <div class="J-weixin-tip weixin-tip" ref="my...

2018-06-08 17:32:29 1929 1

原创 vue.js中实现微信公众号中支付宝支付接口调用方法总结

页面截图： Html: JS：前提是在微信公众号里面调用支付宝支付，因为默认不可调用，所以只能返回form表单添加进入页面html，然后直接提交form表单获取信息进行支付 if(self.payWay == "AliPay"){ const div = document.createElement('div'); div.innerHTML = response.data.dat...

2018-06-08 17:28:45 5305

原创使用element UI时表单验证字段必须是数字但是非必填的方法总结

在使用element UI框架开发某个项目时，使用el-form组件，进行表单验证时，设置了required为false，如下所示：可是，当点击‘查询’按钮时，没有填写最小范围时，仍会出现提示信息所以，把代码修改成validator中判断value不为空时，再验证，否则callback()。修改代码：consumptionMinimum:[{ validator:(rule,value,...

2018-06-08 17:18:48 29130