【uni-app+uview h5】 接入阿里云滑动验证

一、uni-app 引入外部资源

 //在app.vue中引入 

二、uni-app 封装滑动组件及引用

1、在component创建一个slide-verify.vue组件

2、使用组件

import slideVerify from "../../components/slide-verify.vue";

components —— slideVerify

//滑动验证成功
slideYzSeccess(data) {//会话ID（sessionId）、签名串（sig）、请求唯一标识（token）
       console.log(this.slideYzSeccessData)
},

三、u-popup 组件中初始化滑动验证，打包发布后不能滑动

1、搜索资料后得出 u-popup   使用@touchmove.stop.prevent 阻止滑动穿透 ，影响弹出层内容滑动，可以考虑直接去掉 @touchmove.stop.prevent （未试）

2、不使用u-popup组件，自定义弹窗 （问题解决）

四、另一个接入方法

将阿里云写成一个html模版，通过web-view引入，postMessage传参