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

最新推荐文章于 2024-08-07 11:04:20 发布
最新推荐文章于 2024-08-07 11:04:20 发布
阅读量4.5k 收藏 5
点赞数 7
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： vue百度分享 加载 百度分享 百度分享刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ink_if/article/details/80395891
本文解决了Vue单页面应用中百度分享初次加载失败的问题。通过将相关代码放置于mounted的this.$nextTick()中，并在beforeCreate钩子中设置window._bd_share_main为空，实现了百度分享功能的正常调用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

在这里插入图片描述

vue - 使用百度地图vue-baidu-map插件动态刷新地图后报错（调用handler()方法报错：Error in y-on handler: “TypeError: Cannot read）
高级前端工程师
01-02 3683
vue，vue-baidu-map，百度地图，动态刷新地图点位，vue中使用百度地图vue-baidu-map刷新数据，vue-baidu-map覆盖层不动态刷新问题，如何让地图根据数据变动自动更新，Vue-baidu-map 动态刷新地图的方法，解决vue2百度地图的实时更新问题，Vue-baidu-map怎么手动更新地图数据，vue百度地图插件Vue-baidu-map如何更新动态地图数据，vue.js集成百度地图插件vue-baidu-map，Vue-baidu-map刷新api，解决Vue baid
前端 Vue路由返回恢复页面状态的实现方案
weixin_52546522的博客
07-22 1505
需求场景 首页搜索内容，点击跳转至详情页，页面后退返回主页，保留搜索结果。 方案： 路由参数；路由守卫 需求描述 在使用 vue 开发前端的时候遇到一个场景：在首页进行一些数据搜索，点击搜索结果进入详情页面，浏览详情页后返回主页。但这时候之前的搜索记录和翻页就消失了，用户体验不好。所以需要在返回后恢复跳转前的页面参数状态。 当然如果条件允许，最简单的办法是点击搜索结果使用新页面打开（例如百度那样）。 但当前需求是一个完整的vue开发的项目，并不是打开站外地址，而且详情的内容也不多，使用新页面不太合适（性能较
在vue中页面使用了动态组件组件导致首次页面加载时子组件样式不显示，刷新后才正常
最新发布
p_s_p的博客
08-07 762
在vue中页面使用了动态组件组件导致首次页面加载时子组件样式不显示，刷新后才正常。因为动态组件的延迟加载，如果使用了Vue的动态组件（如），可能会导致初次加载时CSS样式未正确应用。
Vue 刷新页面
weixin_45591598的博客
08-04 352
在项目中会有一些操作是需要页面刷新的，我今天就遇到了，因为组件层级过多，我总不能一级一级往上取值，再一级一级的往下赋值吧，所以我想到了刷新页面，那就简单记录一下吧！
vue项目点击跳转在点回来样式丢失，必须刷新才行，解决方案
weixin_45847765的博客
02-26 1042
网上找了很久也没发现什么办法，什么scoped也检查了没问题，后来自己仔细查看代码，给每一个box加入一个display: flex;界面就奇迹般没问题了。至于原因我发现重新点击过来时会变成一行排列，可能是某个全局样式影响了这个排布，因为用的是开源的后台框架，很多地方也不知道有什么东西，以上只是猜测，欢迎大神解读！
vue页面组件css不生效，需要刷新才能正常显示页面的问题
ThatDawn的博客
12-02 8491
vue页面组件样式显示不正确，刷新页面之后页面又正确显示
vue3中所有页面需要手动刷新一下才能显示，控制台没有报错
kanno的博客
04-23 1279
vue3中所有页面需要手动刷新一下才能显示，控制台没有报错。登录进来是进入首页，然后切换任何页面都是空白，但是控制台没有报错。在其他页面刷新后却能显示，然而切换到首页刷新后再切换到其他页面又是空白。
vue单页应用加百度统计代码（亲测有效）
08-28
这是因为Vue.js单页应用使用了客户端路由，页面的跳转不需要刷新整个页面，只需要更新页面的内容。这使得百度统计代码无法被正确地触发。 二、解决方案 为了解决这个问题，我们可以使用Vue Router的afterEach方法...
VUE+DataV+ECharts组合页面制作看板
06-30
Vue.js是一个流行的JavaScript框架，ECharts是百度提供的一个强大的数据可视化库，DataV是阿里云推出的基于Vue的数据可视化解决方案。以下是关于这些技术的详细讲解： **Vue.js** Vue.js（简称Vue）是一个用于构建...
addroutes刷新_vue-router之解决addRoutes使用遇到的坑
weixin_32083569的博客
12-30 1106
最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。场景复现：做前端开发的同学，大多都遇到过这种需求：页面菜单根据用户权限动态生成，一个常见的解决方案是：前端初始化的时候，只挂载不需要权限路由，如登陆，注册等页面路由，然后等用户登录之后，后端返回当前用户的权限表，前端根据这个权限表遍历前端路由表，动态生成用户权限路由，然后使用vue-router提供的...
页面需要刷新才能出来想要的页面样式（scoped详解）
iFfy的博客
06-16 1082
当 标签带有 scopedattribute 的时候，它的 CSS 只会影响当前组件的元素，和 Shadow DOM 中的样式封装类似。使用时有一些注意事项，不过好处是不需要任何的 polyfill。
Vue路由首次跳转白屏，刷新一次才可显示页面！！解决
Hello_word_2
07-12 6374
问题：路由首次跳转某一页面白屏，刷新一次才可显示页面。 1. 检查路由跳转到此页面的路径是否正确，有没有空格。 本人跳转此页面路由： this.$router.push({path:'/loanTrial '}) 改为 this.$router.push({path:'/loanTrial'}) 问题解决，不再白屏。 ...
解决vue后台请求的数据，需要手动刷新页面才能显示
过分安静博客
08-01 1万+
解决vue后台请求的数据，需要手动刷新页面才能显示
vue页面跳转之后，之前页面的样式错乱，刷新之后又恢复正常。解决方法
changyana的博客
10-12 5575
这是css引用错乱导致的，也就是本页面被自动使用了其它页面的css样式。为了防止这种错乱产生，需要给每个页面加上scoped，表示此css样式只在本页面进行使用。
vuex存储用户登录信息以及解决页面刷新vuex数据丢失问题
lucky2_的博客
03-15 2803
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 1481
解决Vue刷新一瞬间出现样式未加载完或者出现Vue代码问题： <style> [v-cloak]{ display: none; } </style> <div id="app" v-cloak> 　　<h1>{{ msg }}</h1> </div&g...
解决vue前端发版后要刷新才能看到更新的问题
weixin_48398799的博客
11-28 5514
vue前端发版后要刷新才能看到更新
vue使用webStorage存储数据，页面不能实时更新
weixin_63712639的博客
02-12 1479
因为webStorage并不是vue的东西,所以不能实时更新其数据 必须刷新才能更新数据 之前我的业务场景是 : 登录之后将用户名存入sessionStorage里 登录成功跳转到首页读取sessionStorage里的用户名显示 欢迎:用户名 最后发现必须页面刷新才能显示该用户名 解决方法: 1.既然需要刷新我们就用刷新跳转页面的方法解决这个问题 window.location.href="路由/路径" 2.搭配Vuex和webStroage一起使用 ...
Vue、Datav、Echart 构建动态数据大屏解决方案
在本项目中，DataV作为图表展示的解决方案，提供了丰富的图表组件，并允许通过简单的配置即可实现复杂的数据可视化效果。 4. Echart 图表 Echart 是百度开源的一个纯 Javascript 的数据可视化图表库，它能够提供...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值