![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
改bug的101天
就是打死我,我也不改这个bug
展开
-
“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 · 19384 阅读 · 7 评论 -
vue3.0+腾讯地图+拖拽选择+关键字搜索(Failed to execute ‘postMessage‘ on ‘Worker‘: [object Object] could not be cl)
1、腾讯地图官网获取key值 ,控制台——应用管理——创建应用。初始化地图和中心点 ,监控地图拖动。2、创建应用成功后设置key值。中否则在之后修改中心点时会。原创 2023-05-18 11:23:46 · 984 阅读 · 1 评论 -
vue2.0接入微信扫一扫sdk
ps:必须传入当前页面的url,有【#】的传【#】后的内容。ps:微信sdk扫一扫功能只能在微信环境使用。3、从后端获取需要的数据后调用wx的sdk。1、安装微信weixin-js-sdk。2、在扫一扫页面引入sdk。原创 2023-01-13 10:14:12 · 1217 阅读 · 0 评论 -
docxtemplater+vue+docxtemplater-image-module-free 导出word文档(包含图片)
注意如果是后端返回数据为null,导出会出现未定义记得转化成空字符串。循环{#list}{/list}正常的数据为 {title}获取到后用官网上的代码如下。图片{%imgUrl}原创 2022-11-02 16:45:04 · 939 阅读 · 0 评论 -
VUE html5-qrcode H5扫一扫功能
安装 npm i html5-qrcode。5、必须在销毁页面前关闭扫码功能否则会报错。3、获取摄像权限在created调用。6、在扫码页面引用组件。原创 2022-10-20 10:13:23 · 11921 阅读 · 24 评论 -
keep-alive 缓存不更新问题
使用keep-alive经常会遇见的需求,从a页面进入b页面时不需要缓存,b页面进入c页面时候,b页面需要缓存。1、首页我们需要在vuex中定义一个字段来判断是否需要缓存,字段为需要缓存的组件名。2、在app.vue中写上keep-alive,把用vuex中的字段控制是否缓存。3、在b页面上导航守卫上监听页面。...原创 2022-08-11 13:56:55 · 676 阅读 · 0 评论 -
vue-element-admin遇到的一些小问题
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 · 124 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 6740 阅读 · 9 评论 -
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 · 7715 阅读 · 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 · 600 阅读 · 0 评论