美文网首页
v-show时,分享插件share.js问题

v-show时,分享插件share.js问题

作者: 想当一个大头兵 | 来源:发表于2017-11-08 12:18 被阅读0次

    今天做一个分享的效果,用的是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


    最后修改了一下源代码解决了问题

    相关文章

      网友评论

          本文标题:v-show时,分享插件share.js问题

          本文链接:https://www.haomeiwen.com/subject/shbemxtx.html