亲测有效,vue项目中调用微信的预览图片接口

近期用vue框架开发了一个微信公众号,现在需要实现点击图片,放大查看。以前浏览公众号的时候,点击图片放大查看觉得很普通,近期开发的时候我一度以为是微信自带的,今天才知道,需要调用微信提供的预览图片接口。

首先需要引入jssdk,我这里用的是jweixin-module这个库,安装了之后,在相应的文件中引入即可。

微信提供的接口地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#18

注:代码中传的这个参数是来记录数量的,比如页面中有十张图片,那当点开某一张的时候,顶部会显示1/10,2/10,表示该页面中的第几张,而我传的是一个url,因此永远显示1/1;

'urls': [url], // 需要预览的图片http链接列表

// 引入该库
import wx from 'jweixin-module';
// 该文件中调用了公共接口,该接口返回了配置需要的参数
import tickService from '@/service/tickService';

mounted() {
    const currentUrl = window.location.href.split('#')[0];
    tickService.getTick({ page_url: currentUrl }).then((res) => {
      
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Delicia_Lani

你的鼓励将是我写作的动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值