今天做一个分享的效果,用的是share.js插件,比较好看,而且各种api都有,但是遇到了问题;
就是微信二维码,首先用v-if是万万不行的,他需要一个挂载的dom,而刚开始v-if隐藏的话,是没有这个元素的;
然后用v-show,v-show的原理,应该是跟jq一样,元素始终被编译并保留,只是简单地基于 CSS 切换。这里share.js里面有一段源码,是关于这一块的,
if($wechat.offset().top<100) {
$wechat.find('.wechat-qrcode').addClass('bottom');
}
是判断要显示的这个,会不会再最顶部,但是因为元素上来是display:none的,所以取到的值,都是0
最后修改了一下源代码解决了问题
网友评论