Vue
碳酸饮料
使唐僧成为唐僧的,不是经书,是那条取经的路
展开
-
h5在ios系统里调用微信jsdk失败
微信jsdk踩坑原创 2022-07-05 14:31:15 · 1257 阅读 · 0 评论 -
vue项目未加载完成前显示loading...
场景:vue项目加载时,由于各种原因 可能会白屏一会再显示页面解决方法:在index.html里面加入loading的元素,让loading元素显示,让app元素隐藏// index.html<!DOCTYPE html><html lang=""><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m原创 2022-02-17 17:50:12 · 4107 阅读 · 2 评论 -
网络异常页面
场景:移动端网络断开业务处理框架:vue// refresh.vue<template> <div class="refresh"> <van-empty :image="image" :description="description" /> </div></template><script>export default { name: 'refresh', props: { // 展示的原创 2022-02-17 17:39:52 · 480 阅读 · 0 评论 -
js阻止浏览器回退
// vue项目mounted() { // 防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.handleEvent, false);},methods: { handleEvent() { history.pushState(null, null, document.URL); }},destroyed() { wind原创 2022-02-17 17:08:45 · 1431 阅读 · 0 评论 -
vue中解决微信html5原生ios虚拟键返回不刷新问题
场景:在微信中使用授权登录后 物理返回 页面未更新解决方法: 调用以下方法// vue项目mounted() { window.onpageshow = (event) => { if (event.persisted) window.location.reload(); };}原理:pageShow事件在页面显示即会触发,无论页面是否来自BF Cache。通过检测persisted属性即可判断是否存在 BF Cache 行为。优点:大部分浏览器都支持pageShow方法与per原创 2022-02-17 09:03:00 · 1353 阅读 · 0 评论 -
vue打包样式失效处理
在失效的样式上添加:(/*! autoprefixer: off */ XXX /* autoprefixer: on */)/*! autoprefixer: off */background:-webkit-linear-gradient(left, #6e7cec, #56b2f5);background:-moz-linear-gradient(left, #6e7cec, #5...原创 2019-06-25 10:56:00 · 1096 阅读 · 0 评论 -
VUE项目打包(解决背景图片不显示问题)
https://blog.csdn.net/qq_34611721/article/details/80996947转载 2019-06-25 10:58:14 · 778 阅读 · 0 评论 -
Vue history路由模式配置及后台配置
项目根目录文件夹名称:rootFile一:后台配置:1、Nginx:location ~ ^/rootFile/ { root F:/XXX; try_files $uri $uri/ /rootFile/index.html;}二:Vue配置:1、文件 router.js将 mode 设置成 history 模式,并设置base:rootFile(...原创 2019-06-26 16:29:11 · 7486 阅读 · 0 评论