vue nuxt 分享插件,实测有效。2022-04-16 13:16:46
效果
微信分享:鼠标hover,出现二维码
微博分享:点击后直接跳到新页面
head
注意:虽然文件在static里面,但是这里一定要这样写,我也不知道为什么。希望知道的人指导。
{
src: '/qrcode.min.js'
}
css
{
src: '~/static/share.min.css'
},
plugins
{
src: '~/plugins/share',
ssr: false
},
文件 static
文件下载
plugins
import Vue from 'vue';
import Share from '~/static/social-share.js';
Vue.use(Share);
页面中
<div id="share" ></div>
// mountrd
setTimeout(() => {
this._initShare();
}, 500);
// methods
_initShare() {
socialShare("#share", {
sites: ["weibo", "wechat"]
});
},