Smile_ping的博客

微信h5使用audio不会自动播放 文章目录微信h5使用audio不会自动播放demotemplatejs解决安卓不会自动播放其他方式 JS-SDK demo h5引入vue.js 实现背景音乐暂停/播放 这里引入JS-SDK , 此外实现微信分享… 如果不支持自动播放时，触摸滑动时自动播放 template <audio id="audio" loop preload="auto" autoplay="autoplay" src="./music/StevenBurke.mp3">

vue使用axios配置多域名 如有误，欢迎指教~ 文章目录vue使用axios配置多域名说明配置域名axios配置request config数据效果图api文件使用 说明 配置多域名，在axios封装请求基础上，配置以下几点 在interceptors.request中添加判断 if (config.requestBaseUrl == 'outside') { config.baseURL = process.env.OUTSIDE_API; } 在请求方法中新增属性request

vue使用axios封装request请求 迟来更新…，祝大家元旦快乐~ 文章目录vue使用axios封装request请求安装注册axios配置api文件使用 安装注册 npm i axios -S main.js 引入 根据个人所需，这里urlApi：存放请求接口地址的方法 import axios from "@/api/urlApi"; Vue.prototype.axios = axios; axios配置 这里新建instance.js文件，有些内容根据实际情况调整，复制

vue使用keep-alive缓存组件 为了避免反复重渲染导致的性能问题，可以使用keep-alive组件来实现缓存【不会销毁哦】。 这里再次记录下keep-alive组件基本使用，具体使用请查看文档。 文章目录vue使用keep-alive缓存组件效果图生命周期开启`keep-alive`路由配置使用如何记录上次滚动的位置？遇到问题无法记录上次滚动位置1. 设置overflow属性引起无法记录滚动行为解决方式2. 如果布局中设置overflow属性，无法记录位置如何解决？解决方式效果图 keep-al

H5网页跳转微信小程序 通过使用微信开放标签，可便捷的跳转到微信小程序。 文章目录H5网页跳转微信小程序效果图一、小程序跳转按钮二、开放标签使用步骤1. 绑定域名2. 引入js文件3. config权限配置及ready处理4. 调用方法解决VUE中警告注意： 官方文档 效果图 请忽略样式， 刚好页面上有分享功能，临时在此页面上展示功能哈。 debug模式开启后，如成功会弹出如图一所提示， 当触发确定按钮时，页面会展示相关按钮。 仔细的你会发现， 安装设备上样式有点不一样哈【最后一张图片】

h5页面拉起地图导航 这里再次记录下， 在vue中使用百度地图，点击marker弹窗选择对应导航方式。 文章目录h5页面拉起地图导航效果图拉起导航方式1. 高德地图2. 百度地图3. 腾讯地图vue使用百度地图templatescriptstyle 百度api文档 效果图 拉起导航方式 1. 高德地图 调用方式 http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnati

vue实现多商铺购物车功能 写的不好，请多指教。 文章目录vue实现多商铺购物车功能效果图templatejs初始化数据获取购物车列表数据后端返回数据格式操作步进器组件点击某商品时改变选中状态选中店铺，把该店铺下所有商品选中是否存在商品id是否选中所有店铺全选所有购物车商品操作删除按钮，显示弹窗组件操作删除失效商品popup组件触发确定事件根据类型处理提交格式删除商品根据类型处理删除商品根据类型判断删除条件结算 效果图 以下展示案例 项目中有应用到vant组件、引入组件， 需要使用demo时，请自行

vue中better-scroll实现商品分类左右联动 结合better-scroll插件实现商品分类左右联动交互方式。 前提准备 安装： npm i better-scroll -S 组件中引入： import BScroll from 'better-scroll' better-scroll官网 相关文章： better-scroll监听元素吸顶 better-scroll商品详情联动 步骤： 先实现左联右 再实现右联左 效果图 1. 初始化数据 data() { return

vue使用better-scroll监听滑动效果 ps: 实现某元素吸顶 或 滑动到某个元素时固定显示 ，反之隐藏（根据需求） 使用： better-scroll插件 写的不好，不足之处，欢迎大家指导， 谢谢！ 文章目录vue使用better-scroll监听滑动效果效果图前提准备template初始化及使用better-scroll样式scss 效果图 当滑到 商品介绍 时， 显示元素，...