
Vue
文章平均质量分 52
@引力波
这个作者很懒,什么都没留下…
展开
-
ArcGis for JavaScript 4.23版本接入国家天地矢量地图
手摸手教你使用ArcGis JS 接入天地图原创 2022-09-30 10:26:39 · 1154 阅读 · 0 评论 -
vue3 + pinia 路由守卫中使用store 报错pinia未挂载注册的解决方法
vue3 + pinia 路由守卫中使用store 报错pinia未挂载注册的解决方法原创 2022-09-21 11:13:32 · 3938 阅读 · 3 评论 -
vue 微信公众号H5网页接入 微信支付分免押(需确认模式)
1.引入微信JSAPI官方文档演示使用的1.5版本,我使用1.6版本也可以。 // index.html 引入 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>2.调用创建接口唤起微信支付分小程序 // 调用后端创建支付分接口,拿到支付分订单信息 createOrder().then(res => { // 拿到订单信息 const { paySco原创 2021-10-13 10:40:05 · 1069 阅读 · 0 评论 -
支付宝内h5网页调支付宝支付 支付后 网页被关闭的坑 VUE
问题描述:在支付宝内的h5网页调支付宝网页支付,支付成功后会弹窗支付宝自带的支付成功界面,点击右上角完成时 回到我们自己的网页后网页直接被退出了。在微信网页里面并不会这样 即使点击完成 依旧会回到我们的网页,网上找了半天也没有找到相似的问题与解决方法。在此记录一下,同时为以后遇到相似问题的网友提供一个思路。思路:那天偶然翻支付宝H5文档时,注意到这样的提示(老版支付宝H5文档)注意我圈出来的一段话,他的意思是说 如果重复打开一个已存在的界面 ,则会关闭这个应用的所以界面。我的理解是 支付成功原创 2021-08-17 09:50:38 · 2469 阅读 · 0 评论 -
vue 手写list 滚动底部加载
之前在使用vant-list组件时 出现了奇怪的bug。在官方提交了issue等待解决,但项目还得接着弄。所以就来手写一个。1. 核心思路底部的触发判断: 滚动条的高度 + 可视区域的高度 >= 界面高度 // 滚动条 const scrollTopPx = document.documentElement.scrollTop || document.body.scrollTop //可视区 const clientHeightPx = document.documentEle原创 2021-03-31 16:28:01 · 633 阅读 · 0 评论 -
vue 动态设置keepalive缓存,手动清除缓存
最近在做电商项目时,有这样一个需求。需求:个人中心=>我的订单 (我的订单页面,期望是新生成的)我的订单=>订单详情 (对我的订单进行缓存,保留滚动位置及当前所处的tab页面)订单详情回退=>我的订单(恢复之前的样子)问题如果对我的订单设置keepalive缓存,在个人中心=>我的订单会读之前的缓存,不符合预期。如果不设置缓存,在订单详情回退到=>我的订单会重新生成界面,不符合预期解决方法将我的订单设置缓存{ name: 'order'原创 2020-12-04 15:02:12 · 11847 阅读 · 8 评论 -
vue项目优化,缩小打包体积,router优化 gzip压缩
文章目录配置cdn资源 减小打包体积ElementuUI 优化router 优化--懒加载项目上线配置gzip 压缩管理服务器config.when( process.env.NODE_ENV === ‘production’, config => {config.entry('app').clear()/.add('./src/main-prod.js)})1 when () 判断处于什么开发模式2 process.env.NODE_ENV 获取当前开发模式配置cdn资源 减小打包体原创 2020-09-24 10:17:01 · 511 阅读 · 0 评论 -
Vue动态设置audio/video的src不能播放的问题
Vue动态设置audio/video的src不能播放的问题 <audio ref="myAudio" :src="playSrc" > 您的浏览器不支持音频播放 </audio>这里默认列表第一个音频data () { return { playSrc: this.audioList[0], } },当我动态去更改src的后要调用load() 方法重新加载一下(myAudio是我自原创 2020-09-17 17:16:45 · 7136 阅读 · 9 评论 -
Vue Bus事件中心 多次触发的坑
Vue 中事件处理 在子组件和父组件中 父组件可以通过props向下传递数据,子组件则可以用 emit向上传递。但在两个没有嵌套关系的组件中或者想指定触发某个操作时则可以用 Bus 事件中心。现在我有这样一个组件 List 组件<template> <div class="list"> <tabs :list="tabList" <...原创 2020-04-22 11:02:35 · 1047 阅读 · 0 评论 -
vue视频登陆背景
vue 动态视频登陆界面 简约冷淡风原创 2020-04-03 16:29:19 · 6029 阅读 · 6 评论