改bug的101天-CSDN博客

使用keep-alive经常会遇见的需求，从a页面进入b页面时不需要缓存，b页面进入c页面时候，b页面需要缓存。1、首页我们需要在vuex中定义一个字段来判断是否需要缓存,字段为需要缓存的组件名。2、在app.vue中写上keep-alive，把用vuex中的字段控制是否缓存。3、在b页面上导航守卫上监听页面。...

2022-08-11 13:56:55 679

原创 vue扫一扫功能

最近H5项目用到了扫一扫，本来想用微信的结果只能在微信环境调，就在网上疯狂找插件，终于找到了，和大家分享一下。安装 cnpm install --save vue-qrcode-reader。

2022-08-11 13:42:39 6386 10

vue-element-admin 导航栏选中背景颜色使用vue-element-admin想修改背景颜色可以使用一下css （放全局css文件中）#app .sidebar-container .el-submenu .el-menu-item.is-active { background-color: #40a0ff28 !important;}vue-element-admin 快捷导航栏需求是快捷导航栏两边有箭头点击快捷导航栏移动如图效果：找的项目 src\layo.

2022-05-27 15:06:52 125

原创小程序背景图片固定ios不兼容

日常吐槽：【！ios居然不能用背景图片固定！！！今天测试的bug给我！！差点没把我气死】1、原代码.box{background:url('url');background-size: 100% 250px;background-repeat: no-repeat;background-attachment:fixed;//就是这个啊啊啊啊啊}2、修改后 .img_box{ width: 100%; height: 250px; position: fix..

2022-04-20 15:30:03 286

原创小程序 canvas 海报（图片、字体封装方法）解决导出海报模糊问题

最近真是画了一堆canvas海报画到头秃~~~（偷偷说！！产品经理我恨你！！）来和大家分享一波本媛写的canvas方法封装1、封装图片//width:图片长度//height:图片高度//x:离左边的距离//y:离上边的距离//img:图片路径imgChange(ctx, canvas, width, height, x, y, img) { const headerImg = canvas.createImage(); headerImg.src = img;

2022-04-15 15:52:04 1381

原创 uniapp、微信小程序--自定义table

呜呜呜~~~咋说呢，uniapp表格代码搞完转小程序才发现微信小程序没有table！！！哭泣！本来想用flex布局的，突然想到了cssdisplay: table;display: table-cell;display: table-row！！嘻嘻嘻下面上代码1、最简单的表格<view class="table"> <view class="tr"> <view class="th">姓名</view> &lt

2022-03-04 13:56:13 2266 3

原创 js 判断安卓，ios，微信浏览器

1、判断浏览器var xt= { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf(

2022-01-07 10:33:15 571

原创 vue 上拉加载

vue 上拉加载1、创建/销毁监听（scroll的功能） mounted() { document.getElementsByClassName('ant-pro-grid-content')[2].addEventListener('scroll', this.handlescroll) }, destroyed() { document.getElementsByClassName('ant-pro-grid-content')[2].removeEventListene

2021-12-27 09:28:54 430

原创 “TypeError: Cannot read properties of undefined (reading ‘length‘)“

记录一个小问题“TypeError: Cannot read properties of undefined (reading ‘length’)”解决方案就是list.item !==undefined && list.item .length>0

2021-12-24 09:22:20 19394 7

转载 vue获取IP地址

vue–用户登录需要使用用户Ip1、创建一个Ip.jsexport function getUserIP(onNewIP) { let MyPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; let pc = new MyPeerConnection({ iceServers: [] }); let

2021-12-23 10:05:05 6787 9

原创 uniapp 版本更新弹窗弹窗每天只弹一次

uniapp 版本更新弹窗每日显示一次

2021-12-09 11:20:57 2494

原创 echart饼图上显示数据

option = { title: { text: '游戏比例', left: 'center' }, tooltip: { trigger: 'item' }, color: ['#fdab03','#f27647'], legend: { orient: 'horizontal', x: 'center', y: 'bottom', }, series: [ { type: 'pie', da

2021-10-12 17:51:11 2651 1

原创 uniapp 接入微信客服 wx.openCustomerServiceChat（不支持解决办法）

由于uniapp目前未支持openCustomerServiceChat使用浏览器打开，从浏览器跳转至微信let url = '客服链接'plus.runtime.openURL(url, function(res) {});

2021-09-10 15:50:28 6011 6

原创【uniapp】解决 webview 返回无效

Webview封装组件<template> <view> <web-view :src="src"></web-view> </view></template><script> export default { props: { src: { type:String, default(){ return "" } } }, methods: {}

2021-09-10 15:30:41 3586

原创 HBuilderx 创建新文件命名重合，导致原因文件代码丢失

听着流泪，闻着伤心~~~呜呜呜世界上总是会有种憨憨（比如我），导致代码失踪使用HBuilderx,创建一个新的vue文件。（忘记已经有这个文件名）创建完成后，啊！同名的文件代码不见了！！！赶紧去线上看一眼，完美这段代码没有提交！就在我准备再次码代码的时候！！！发现了这个谢谢你救了孩子一命！！！记录一下自己憨憨的事...

2021-08-05 15:41:05 1548 2

原创 Failed to execute ‘addEventListener‘ on ‘EventTarget‘: 2 arguments required, but only 1 present.

使用报错Failed to execute 'addEventListener' on 'EventTarget': 2 arguments required, but only 1 present. <el-dialog title="提示" :visible.sync="aa" width="30%"> <span>这是一段信息</span> <span slot="footer" cla.

2021-04-16 10:42:02 7738 1

原创 element+vue中表格根据页面高度变化

1、在<el-table>中添加以下的代码:height="screenHeight < 350 ? 100 : screenHeight - 250"2、在data中定义data() { return { screenHeight: document.body.clientHeight,}}3、在mountedmounted() { const that = this window.onresize = () =&..

2021-04-13 11:39:26 602

sxm的博客

原创 Camunda+node.js实现外部任务（三）

原创【扩展】bpmn右侧属性面板（新版本）+ 国际化（二）

原创 Vue3.0+bpmn.js+国际化(一)

原创 vue3.0+腾讯地图+拖拽选择+关键字搜索(Failed to execute ‘postMessage‘ on ‘Worker‘: [object Object] could not be cl)

原创 vue2.0接入微信扫一扫sdk

原创 docxtemplater+vue+docxtemplater-image-module-free 导出word文档（包含图片）

原创 VUE html5-qrcode H5扫一扫功能

原创【uniapp】给图片添加水印

原创 keep-alive 缓存不更新问题