qq_40178044的博客

原创 清除uniapp中的scroll-view在实机中的滚动条

在App.vue中或者对应文件中添加该样式即可/deep/ ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; -webkit-overflow-scrolling: auto; // ios要加这一条属性 }...

原创 解决qrcode2在android手机上无法长按识别二维码

二维码识别原理我们可以知道客户端是检测网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法我曾尝试显示qrcode2生成的img标签，但是无效，所以只能将qrcode2生成的base64放在我自己的img里面 methods: { qrcodeScan () { shareCheck().then((result) => { let res = result.data if (res.code === 1) {

原创 我自己的vue中实现滚动加载

// 加载区域<div class="pullup-tips"> <div v-if="!isPullUpLoad" class="before-trigger"> <span class="pullup-txt">{{isComplete ? '我也是有底线的~' : '上拉加载更多...'}}</span> </div> <div v-else class="after-trigger"> &lt

转载 vue-cli打包小总结

通过查看别人的博客，发现打包之前还需要对 build/uitls.js 和 config/index.js 进行少量配置。修改 build/uitls.js ，在图示位置增加 publicPath: ‘…/…/’ 配置项。此操作可以解决图片路径，文字图标找不到的错误修改 config/index.js ，将 assetsPublicPath: ‘/’ 改为 assetsPublicPath: ‘./’ （多加了一个点号 ）。...

原创 vue处理element-ui InputNumber 计数器 多个绑定

写项目时遇到这么个情况，把数据渲染出来后，多个计数器怎么绑定数据我的解决方法：/edit// v-for="(item, index) in shoppingCard"<div class="num"> <Counter :num="item.num"> <template slot-scope="scope"> <el-input-number size="mini" v-model="scop.

原创 在 vue-cli 实现微信授权登录

1.第一步，首先要申请微信公众号测试账号微信公众平台接口测试帐号申请2.第二步，关注测试号（重要！否则无法实现授权登录）3.第三步，阅读微信网页授权文档阅读文档，编辑你的微信授权链接图中要填的域名要和你编辑的授权链接中 redirect_uri 要一致4.第四步在router中做登录判断，这里我贴上我的代码router.beforeEach(function (to, from, next) { // 未登录的情况下尝试进入非登录页 if (to.path !== '/author'

原创 文字向上翻滚动画

参考博客：https://blog.csdn.net/zgrkaka/article/details/80896068遇到的问题：Safari animation中使用rem单位会出现适配问题解决方法：将动画改为使用translateY(百分比)来实现向上滚动@keyframes moveUp { 0% { -webkit-transform translateY(0) } 18% { -webkit-transform translateY(0)

原创 elementui cascader 级联选择器 清空、重置

<li> <label>省市区</label> <el-cascader v-model="value" :options="options" @change="handleChange" clearable :key="key" size="small"></el-cascader> </li>btn () { this.value = [] ++.

原创 针对IOS页面缩放，需要点击两次才能选中

页面缩放<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">IOS需要两次才能选中：在App.vue中添加（sass版本不要过高）<style lang="scss">.el-scrollbar { > .el-scrollbar__bar { opacity

原创 前端页面弹框遮罩禁止页面滚动

Vue:// 在遮罩层添加该事件@touchmove.prevent=""其他方法:https://blog.csdn.net/yuhk231/article/details/74171734

原创 在手机中打开VS code运行的项目

条件： 手机和电脑在同一局域网下// 修改config.js->index.js 下的host为host: '0.0.0.0'打开cmd输入ipconfig获取IPv4 地址最后在手机浏览器中运行： 192.168.XX.XXX:8080

原创 Swiper 6.X遇到的问题

1.引入CSS// 旧文档引入CSSimport 'swiper/dist/css/swiper.css'// Swiper 6.0及以上import 'swiper/swiper-bundle.css'2.vue-awesome-swiper的6.X版本小圆点不显示问题import Swiper, {Navigation, Pagination} from 'swiper'Swiper.use([Navigation, Pagination])...

原创 js 将对象中的元素通过对象中的属性进行排序

原创 解决js new Date()浏览器兼容问题

// t.end === '2020-09-19 09:53:22'// new Date(t.end).getTime() ----> invalid Date// 后端传来的时间，在safari上用Date函数转换成时间戳却得到invalid Date错误原因：参数格式不规范，不能兼容所有浏览器；1 var d = new Date(2011, 01, 07); // yyyy, mm-1, dd 2 var d = new Date(2011, 01, 07, 11, 05, 00

原创 Vuex传值遇到的问题

如果用上面的方法传递给vuex相当于把row的地址传递过去，在vuex中修改row或者state.data都会影响到原来的row解决方法：使用es6的扩展运算符

原创 cookie的增删改查

// 设置cookie function setCookie(name, value, day) { var date = new Date() date.setDate(date.getDate() + day) document.cookie = name + '=' + value + ';expires=' + date } // 获取cookie function getCookie(name) { let reg = RegExp(name + '

原创 获取ElementUI中tab组件row的下标

原创 Vue侦听器对象内部属性的监听

watch: { userInfo: { handler (newVal, oldVal) { console.log(newVal) }, deep: true //对象内部属性的监听，关键。 } },

原创 oninput事件控制input只能输入数字

// 金额oninput事件$('#custom-input').on('input', function () { let num = $(this).val() $(this).val(num.replace(/[^\d]/g,''))})

原创 获取GET传递的参数

// 获取GET传递的参数function getRequestString(name) { // 获取?后的字符串 let str = window.location.search.substr(1) let strs = str.split('&') let params = {} for (let i = 0; i < strs.length; i++) { let item = strs[i].split('=') let key = item[0] let v

原创 Date对象的几个常用方法

// 获取当天凌晨的时间戳let today = Math.round(new Date(new Date().toLocaleDateString()).getTime() / 1000)// 获取当月有多少天new Date(new Date().getFullYear(),new Date().getMonth()+1,0).getDate()// 本月第一天function getCurrentMonthFirst () { var date = new Date() date.s

转载 时间戳转日期方法

// 时间戳转日期方法function add0(m){return m<10 ? '0'+m : m }function format(shijianchuo){ //shijianchuo是整数，否则要parseInt转换 var time = new Date(shijianchuo); var y = time.getFullYear(); var m = time.getMonth()+1; var d = time.getDate(); var h = time.getHo

原创 表单 jquery validate 增加过滤特殊字符的方法

// 表单 jquery validate 增加过滤特殊字符的方法jQuery.validator.addMethod("specialCharFilter", function(value, element) { if (value.length < 6) { return false } var pattern = new RegExp("[`~!@#$^&*()=|{}':;,.<>/?~！@#￥……&*（）——|【】‘；：”“'。，、