</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.跳转前需要先拼接要传递的参数(参数具体见文档内的说明) 7.点击客服按钮,触发小程序跳转客服聊天界面