javascript - vue组件中使用百度分享初次加载失败?
问题描述
我的vue项目中使用了百度分享,代码如下template中js(放在created中)
初次加载时,百度分享的按钮图片都不显示,F12发现class和点击事件都未生效刷新后就正常显示使用
在mounted中使用this.$nextTick,也有点问题
mounted() {
let _this = this;this.$nextTick(function () { window._bd_share_config = {common : { bdText : _this.art.title, bdDesc : _this.art.abstract, bdPic : 'http://www.jubao56.com/upload_admin/2016-07-05%2010:08:50-banner4_m.jpg',},share : [{ tag:'share_0', bdSize : 24}], }; const s = document.createElement(’script’); s.type = ’text/javascript’; s.src = ’http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=’ + ~(-new Date() / 36e5); document.body.appendChild(s);}) },
问题解答
回答1:js写在 mounted事件里,this.$nextTick(() => { ...... });
百度分享的 js可能会 立即执行并查找DOM元素。created事件触发时,并不存在DOM
相关文章:
1. javascript - 引入 simditor,但是显示标签,这个怎么解决。2. docker api 开发的端口怎么获取?3. android - 目前有哪些用Vue.js开发移动App的方案?4. Android PopupWindow 问题。5. calss调用了 也设置了颜色,可是网站不显示。请问大佬是什么情况啊6. cas项目起个名字7. python - scrapy获取网页指定内容,后翻到下一页继续,固定循环次数。。问题8. angular.js - angular route如何实现单页面切换时数据的传递9. background属性顺序?10. centos6.5 安装kvm