描述
h5 公眾號 vue項目 分享 使用插件,方便快捷
這是修改瀏覽器上面...(3個點點點)的配置信息
jweixin-module 鏈接里的README.md文件有教程
安裝
npm install jweixin-module --save
封裝
- 新建一個 wechat_share.js 文件
export async function shareConfiguration(
jweixin,
wstitle = '分享的標題', //標題
wsdesc = '分享的描述信息', //描述信息
wslink = location.href, //跳轉的路徑
wsimg = location.origin + '/images/logo_1024.png' //分享的圖片
) {
jweixin.ready(function() {
// 分享到朋友圈
jweixin.onMenuShareTimeline({
title: wstitle,
link: wslink,
imgUrl: wsimg
})
// 分享給朋友
jweixin.onMenuShareAppMessage({
title: wstitle,
desc: wsdesc,
link: wslink,
imgUrl: wsimg
})
// 分享到QQ
jweixin.onMenuShareQQ({
title: wstitle,
desc: wsdesc,
link: wslink,
imgUrl: wsimg
})
// 微信到騰訊微博
jweixin.onMenuShareWeibo({
title: wstitle,
desc: wsdesc,
link: wslink,
imgUrl: wsimg
})
// 分享到QQ空間
jweixin.onMenuShareQZone({
title: wstitle,
desc: wsdesc,
link: wslink,
imgUrl: wsimg
})
})
}
使用
<script>
import { shareConfiguration } from '@/utils/wachat_share'
const jweixin = require('jweixin-module')
export default {
mounted() {
const url = location.href //是當前的路徑可以不傳
shareConfiguration(jweixin, '我是一個標題', '我是一個描述信息',url)
},
}
</script>
其他
- 發(fā)現一個也是分享的插件share.js
PS:這個插件本人沒有測試過,看到應該可以使用,很多star(3.3K)
動動手指點贊
如果這篇文章對你有用,請給我點個贊,讓我更加有動力寫下去,謝謝
