
公众号
文章平均质量分 72
公众号、H5
Smile_ping
stay hungry stay foolish
展开
-
微信h5使用audio不会自动播放
微信h5使用audio不会自动播放文章目录微信h5使用audio不会自动播放demotemplatejs解决安卓不会自动播放其他方式JS-SDKdemoh5引入vue.js 实现背景音乐暂停/播放这里引入JS-SDK , 此外实现微信分享…如果不支持自动播放时,触摸滑动时自动播放template<audio id="audio" loop preload="auto" autoplay="autoplay" src="./music/StevenBurke.mp3">原创 2022-03-10 13:36:52 · 2583 阅读 · 0 评论 -
vue使用axios配置多域名
vue使用axios配置多域名如有误,欢迎指教~文章目录vue使用axios配置多域名说明配置域名axios配置request config数据效果图api文件使用说明配置多域名,在axios封装请求基础上,配置以下几点在interceptors.request中添加判断if (config.requestBaseUrl == 'outside') { config.baseURL = process.env.OUTSIDE_API;}在请求方法中新增属性request原创 2022-01-02 22:00:00 · 6139 阅读 · 0 评论 -
vue使用axios封装请求
vue使用axios封装request请求迟来更新…,祝大家元旦快乐~文章目录vue使用axios封装request请求安装注册axios配置api文件使用安装注册npm i axios -Smain.js 引入根据个人所需,这里urlApi:存放请求接口地址的方法import axios from "@/api/urlApi";Vue.prototype.axios = axios;axios配置这里新建instance.js文件,有些内容根据实际情况调整,复制原创 2022-01-01 22:45:00 · 516 阅读 · 0 评论 -
vue使用keep-alive缓存组件
vue使用keep-alive缓存组件为了避免反复重渲染导致的性能问题,可以使用keep-alive组件来实现缓存【不会销毁哦】。这里再次记录下keep-alive组件基本使用,具体使用请查看文档。文章目录vue使用keep-alive缓存组件效果图生命周期开启`keep-alive`路由配置使用如何记录上次滚动的位置?遇到问题无法记录上次滚动位置1. 设置overflow属性引起无法记录滚动行为解决方式2. 如果布局中设置overflow属性,无法记录位置如何解决?解决方式效果图keep-al原创 2021-03-04 16:21:17 · 1242 阅读 · 1 评论 -
h5网页跳转微信小程序
H5网页跳转微信小程序通过使用微信开放标签,可便捷的跳转到微信小程序。文章目录H5网页跳转微信小程序效果图一、小程序跳转按钮二、开放标签使用步骤1. 绑定域名2. 引入js文件3. config权限配置及ready处理4. 调用方法解决VUE中警告注意:官方文档效果图请忽略样式, 刚好页面上有分享功能,临时在此页面上展示功能哈。debug模式开启后,如成功会弹出如图一所提示, 当触发确定按钮时,页面会展示相关按钮。仔细的你会发现, 安装设备上样式有点不一样哈【最后一张图片】原创 2021-02-19 09:40:44 · 1871 阅读 · 0 评论 -
H5页面调起地图导航
h5页面拉起地图导航这里再次记录下, 在vue中使用百度地图,点击marker弹窗选择对应导航方式。文章目录h5页面拉起地图导航效果图拉起导航方式1. 高德地图2. 百度地图3. 腾讯地图vue使用百度地图templatescriptstyle百度api文档效果图拉起导航方式1. 高德地图调用方式http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnati原创 2021-02-11 21:56:03 · 14290 阅读 · 7 评论 -
vue实现多商铺购物车功能
vue实现多商铺购物车功能写的不好,请多指教。文章目录vue实现多商铺购物车功能效果图templatejs初始化数据获取购物车列表数据后端返回数据格式操作步进器组件点击某商品时改变选中状态选中店铺,把该店铺下所有商品选中是否存在商品id是否选中所有店铺全选所有购物车商品操作删除按钮,显示弹窗组件操作删除失效商品popup组件触发确定事件根据类型处理提交格式删除商品根据类型处理删除商品根据类型判断删除条件结算效果图以下展示案例项目中有应用到vant组件、引入组件, 需要使用demo时,请自行原创 2021-01-04 11:45:55 · 801 阅读 · 0 评论 -
vue实现商品分类左右联动
vue中better-scroll实现商品分类左右联动结合better-scroll插件实现商品分类左右联动交互方式。前提准备安装: npm i better-scroll -S组件中引入: import BScroll from 'better-scroll'better-scroll官网相关文章:better-scroll监听元素吸顶better-scroll商品详情联动步骤:先实现左联右再实现右联左效果图1. 初始化数据data() { return原创 2020-12-10 14:55:39 · 6278 阅读 · 11 评论 -
vue使用better-scroll监听滑动事件
vue使用better-scroll监听滑动效果ps: 实现某元素吸顶 或 滑动到某个元素时固定显示 ,反之隐藏(根据需求)使用: better-scroll插件写的不好,不足之处,欢迎大家指导, 谢谢!文章目录vue使用better-scroll监听滑动效果效果图前提准备template初始化及使用better-scroll样式scss效果图当滑到 商品介绍 时, 显示元素,...原创 2019-03-27 16:47:15 · 10603 阅读 · 8 评论