uniapp在hbuildex上整合腾讯云智服小程序 (2)

</style>

 
5.会话聊天的内容中,有需要跳转的外链接,则需要自行配置一个web-view页面,进行跳转【见代码viewUrl部分】。如果res是小程序内页面路由,可以直接处理

web-view跳转页面源码:

<template>

<view>

<view>

<!-- url为要跳转外链的地址-->

<web-view :src="url">

</web-view>

</view>

</view>

</template>

<script>

export default {

data() {

return {

url:""

}

},

onLoad(val) {

this.url = decodeURIComponent(val.url);

// 设置当前的title 如果外链中有的话将被覆盖

if(this.isNotEmpty(val.title)){

this.setTitle(val.title);

}

},

methods: {

isNotEmpty(obj) {

if (typeof obj == undefined || obj == null || obj == "" || obj == "undefined" || obj.length == 0) {

return false;

} else {

return true;

}

},

// 设置title

setTitle(title) {

uni.setNavigationBarTitle({

title: title

})

},

}

}

</script>

 
6.跳转前需要先拼接要传递的参数(参数具体见文档内的说明) 

uniapp在hbuildex上整合腾讯云智服小程序

uniapp在hbuildex上整合腾讯云智服小程序

7.点击客服按钮,触发小程序跳转客服聊天界面

uniapp在hbuildex上整合腾讯云智服小程序

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgdsjd.html