最近在做小程序时遇到一个需求,是一个商城小程序,在每个商品上都有一个分享按钮,点击这个分享按钮就可以分享这个商品,要求分享的内容是该商品的图片和标题。
这个需求把我难住了,大家都知道在触发分享时需要提前设置好分享内容,这是因为点击分享按钮的时候分享函数会立即执行,如果在分享按钮上绑定点击函数去动态改变分享内容是不会起作用的,因为这个时候分享函数已经执行了。怎么样在分享函数触发之前改变分享内容呢?
在小程序社区上也没有找到相应的解决方法,但是我看到了有人在如何在分享时传参时提了个建议,那就是在分享按钮上绑定touchstart函数,一语惊醒梦中人,对阿,普通的点击函数不起作用,用touchstart不就行了吗,因为touchstart是整个点击动作中最早触发的,就这样问题解决,关键就是这一行代码
<button open-type="share" plain="true" class="share-btn" @touchstart="setId({{item}})">
<image src="../assets/share.png" class="icon"></image>
<text>分享</text>
</button>
欢迎关注「不出户」公众号
在公众号回复「python」,获取全套python学习资源。
在公众号回复「vue」,领取vue核心教程
在公众号回复「react」,领取react全套教程
在公众号回复「angular」,领取angular学习资源
在公众号回复「算法」,领取算法学习教程
在公众号回复「nodejs」,领取nodejs学习教程,更有更多精品资源敬请期待