vue使用百度分享，需要刷新页面才显示的解决方案

最新推荐文章于 2024-06-15 09:42:14 发布
最新推荐文章于 2024-06-15 09:42:14 发布
阅读量4.4k 收藏 5
点赞数 7
分类专栏： vue 文章标签： vue百度分享 加载 百度分享 百度分享刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ink_if/article/details/80395891
版权

2019-1-8增：
经朋友提醒， 发现很多和我相差无几的文章，当时遇到这个问题各种搜索没有找到答案，最后经过团队努力查看百度分享的源码才得以解决，所以希望转载复制者注明一下出处，蟹蟹。

vue单页面中使用百度分享，初次加载失败或者需要刷新一次才可正常点击，首先得写在mounted的this.$nextTick()里面，其次，需要在beforeCreate中加上 window._bd_share_main = “”; 目的是把百度分享的一个参数置空

在这里插入图片描述

陈小穗子呀
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
vue单页应用加百度统计代码（亲测有效）
08-28
这是因为Vue.js单页应用使用了客户端路由，页面的跳转不需要刷新整个页面，只需要更新页面的内容。这使得百度统计代码无法被正确地触发。 二、解决方案 为了解决这个问题，我们可以使用Vue Router的afterEach方法...
VUE+DataV+ECharts组合页面制作看板
06-30
Vue.js是一个流行的JavaScript框架，ECharts是百度提供的一个强大的数据可视化库，DataV是阿里云推出的基于Vue的数据可视化解决方案。以下是关于这些技术的详细讲解： **Vue.js** Vue.js（简称Vue）是一个用于构建...
vue项目点击跳转在点回来样式丢失，必须刷新才行，解决方案
weixin_45847765的博客
02-26 650
网上找了很久也没发现什么办法，什么scoped也检查了没问题，后来自己仔细查看代码，给每一个box加入一个display: flex;界面就奇迹般没问题了。至于原因我发现重新点击过来时会变成一行排列，可能是某个全局样式影响了这个排布，因为用的是开源的后台框架，很多地方也不知道有什么东西，以上只是猜测，欢迎大神解读！
Vue 刷新页面
weixin_45591598的博客
08-04 282
在项目中会有一些操作是需要页面刷新的，我今天就遇到了，因为组件层级过多，我总不能一级一级往上取值，再一级一级的往下赋值吧，所以我想到了刷新页面，那就简单记录一下吧！
推荐使用：Vue-Social-Share，让社交媒体分享变得简单！
最新发布
gitblog_00016的博客
06-15 458
推荐使用：Vue-Social-Share，让社交媒体分享变得简单！ 项目地址:https://gitcode.com/sinchang/vue-social-share 在数字化时代，社交分享已成为网站不可或缺的一部分，它不仅能够促进内容的传播，还能增强用户的互动体验。今天，我们为你隆重推荐一款专为Vue 2.x设计的开源组件——Vue-Social-Share，让你的应用轻松融入各大社交平台，...
vue页面组件css不生效，需要刷新才能正常显示页面的问题
ThatDawn的博客
12-02 7774
vue页面组件样式显示不正确，刷新页面之后页面又正确显示
页面需要刷新才能出来想要的页面样式（scoped详解）
iFfy的博客
06-16 920
当 标签带有 scopedattribute 的时候，它的 CSS 只会影响当前组件的元素，和 Shadow DOM 中的样式封装类似。使用时有一些注意事项，不过好处是不需要任何的 polyfill。
Vue路由首次跳转白屏，刷新一次才可显示页面！！解决
Hello_word_2
07-12 6006
问题：路由首次跳转某一页面白屏，刷新一次才可显示页面。 1. 检查路由跳转到此页面的路径是否正确，有没有空格。 本人跳转此页面路由： this.$router.push({path:'/loanTrial '}) 改为 this.$router.push({path:'/loanTrial'}) 问题解决，不再白屏。 ...
解决vue后台请求的数据，需要手动刷新页面才能显示
过分安静博客
08-01 1万+
解决vue后台请求的数据，需要手动刷新页面才能显示
Vue多系统切换实现方案
08-27
需要注意的是，如果使用 v-if 控制每个 iframe 的显示隐藏，那么切换后系统后，再切换回来，iframe 的属性会使页面刷新，用户的操作不能保留。如果纯粹使用 ElementUi 的 tab 组件来做，页面一进来，就会把每个系统...
vue-devtools
06-07
Vue.js 的综合资源包括官方文档、社区论坛、Vue School 等，它们提供了大量的教程、示例和问题解决方案。对于 JavaScript 和 ECMAScript，开发者需要熟悉它们的基础语法、异步编程、Promise、async/await 以及 ES6+ ...
vue+element-ui.rar
04-23
总之，Vue.js与Element-UI的组合为前端开发带来了一种高效、直观且美观的解决方案。通过理解Vue.js的数据绑定和组件系统，以及Element-UI的各种UI组件，开发者能够快速构建出功能完善的Web应用。在实际使用过程中，...
vue页面跳转之后，之前页面的样式错乱，刷新之后又恢复正常。解决方法
changyana的博客
10-12 5155
这是css引用错乱导致的，也就是本页面被自动使用了其它页面的css样式。为了防止这种错乱产生，需要给每个页面加上scoped，表示此css样式只在本页面进行使用。
vuex存储用户登录信息以及解决页面刷新vuex数据丢失问题
lucky2_的博客
03-15 2314
vuex存储用户登录信息 前提是已经 npm install vuex --save 可以在新项目中建立一个文件夹，例如 store，包含store.js 在这里以存储用户信息为例： store.js中 import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: { name: JSON.parse(localStorage.getItem("us
Vue页面偶现样式错乱问题刷新就又好了解决思路
热门推荐
梓隽的博客
03-22 1万+
遇到这个挺有趣的问题，就花时间整理下解决思路，希望能帮助到别人 问题 前端框架vue，某页面在首次进入时样式错乱，刷新后就好了，并且是偶现的。 解决思路 第一步 首先**排查css是否是样式问题 **，比如宽度的百分比设置有问题（上述问题是这个原因的可能不大） 第二步 在排查完样式没问题之后，就从页面加载顺序开始排查，一般页面都是先加载<head>然后再加载dom页面<body>,CSS跟DOM是同步加载的，但是如果引用外部样式或者脚本的话就会使异步加载，而我们大部分页面CSS都.
解决Vue刷新一瞬间出现样式未加载完或者出现Vue代码问题
weixin_30758821的博客
03-12 1439
解决Vue刷新一瞬间出现样式未加载完或者出现Vue代码问题： <style> [v-cloak]{ display: none; } </style> <div id="app" v-cloak> 　　<h1>{{ msg }}</h1> </div&g...
解决vue前端发版后要刷新才能看到更新的问题
weixin_48398799的博客
11-28 4537
vue前端发版后要刷新才能看到更新
vue使用webStorage存储数据，页面不能实时更新
weixin_63712639的博客
02-12 1369
因为webStorage并不是vue的东西,所以不能实时更新其数据 必须刷新才能更新数据 之前我的业务场景是 : 登录之后将用户名存入sessionStorage里 登录成功跳转到首页读取sessionStorage里的用户名显示 欢迎:用户名 最后发现必须页面刷新才能显示该用户名 解决方法: 1.既然需要刷新我们就用刷新跳转页面的方法解决这个问题 window.location.href="路由/路径" 2.搭配Vuex和webStroage一起使用 ...
vue页面跳转后样式变更，刷新可恢复
weixin_45915769的博客
02-13 1074
这个问题出现在A页面，多次测试之后发现，从C/D/E等页面跳转到A页面均不会出现此情况，只有从B页面跳转到A页面的时候会出现。于是乎观察了A/B页面的标签及格式。今天被师傅cue到一个小问题，说user在使用系统时有时会出现标签样式变窄，无法输入需要刷新才能恢复的情况。（可以通过查看A页面中错乱的元素 看B页面中是否也有此元素）原因：B页面中的CSS样式作用到了A页面中的对应元素。解决方式：A、B页面的CSS样式都加上。（表示仅作用于当前页面）
vue路由跳转但是页面刷新才显示
09-20
可以在组件中使用$watch来监听$route对象的变化，并在变化时执行需要刷新的逻辑，例如重新获取数据等。代码示例如下： ```javascript watch: { '$route': function() { // 执行刷新操作 location.reload(); }...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值