html接入qq客服,Vue 前端框架接入QQ在线客服

Vue 前端框架接入QQ在线客服，效果如下图：

后面就根据自己的需要选择不同的方式，下面是使用教程：

-------------------------------------------------------------------------------------------

1、首先是第三方js包存放的位置一定要放在 static 目录下否则引用不到

2、网上查找到的引用第三方包的四种方式，实测较稳定的方式是在 index.html 中引入js包

3，在需要添加qq 聊天的.vue 页面下的data() 方法里添加下面方法：

BizQQWPA.addCustom({

aty: '0', //指定工号类型,0-自动分流，1-指定工号，2-指定分组

nameAccount: '*****', //指定的聊天 QQ 号码

selector: 'contactQQ' //触发聊天的标签id

});

这边如果有多个的话就添加多个 BizQQWPA.addCustom()。

4，就是在里添加标签

这边需要注意的是，标签的id 要跟 BizQQWPA.addCustom()方法里面设置的 selector 属性的值是一致的的。

这样子就差不多大功告成了。

------------------------------------------------------------------------------------------

延伸拓展：

如果是javascript 也是一样的处理，只是说 BizQQWPA.addCustom()这个方法要在加载引入页面的时候也初始化，应该问题不大。

html接入qq客服,Vue 前端框架接入QQ在线客服相关推荐

2021 年 Angular vs. React vs. Vue 前端框架对比
2021 年 Angular vs. React vs. Vue 前端框架对比一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架 ...
使用Vue前端框架实现知乎日报app
使用Vue前端框架实现知乎日报app 这是:主页代码 <template><view class="content"><view class=&quo ...
vue前端框架有哪些
vue前端框架有哪些 2022-02-23 · Worktile 项目协作工具 vue前端UI框架有:1.Element 2.iview 3.vuetify 4.vue-strap 5.cube-ui ...
分布式电商项目十四：Vue前端框架简介及使用
Vue前端框架简介及使用就像是后端我们使用springboot来进行开发一样,前端需要使用Vue框架进行开发.由于前端不是我们的主要内容,所以只介绍简单的使用内容.具体更深的内容请参考Vue的官方网 ...
Element ui+vue前端框架组件主题美化后台管理系统模板html
最新设计了一套Element ui主题模板演示地址:Element ui+vue前端框架组件主题美化后台管理系统模板 Element ui版本号:2.15.12 vue版本号:2.7. ...
Vue前端框架选型论述
Vue前端框架选型论述 1. 前端3大巨头框架综述 React 起源于 Facebook 的内部项目,社区非常活跃,下载使用当前排行第一名,但是 React 的只能是半开源,在不涉及到 Faceboo ...
搭建vue前端框架或微信小程序vue框架步骤
搭建vue前端框架或微信小程序vue框架步骤 1.下载node.js 下载地址:https://nodejs.org/en/download/ 查看node.npm版本,确保环境正确 node --v ...
基于vue前端框架_基于前端访问控制框架的Vue
基于vue前端框架权限访问控制 (vue-access-control) Vue-Access-Control is a solution of front-end user rights cont ...
开发基于vue前端框架下的系统的UI自动化，记录总结踩的坑
在使用了pytest完成了一个系统的UI自动化后,因为系统的前端框架,是基于VUE写的,这就让我编写脚本的时候踩了些坑. 无法用JS 修改标签属性,从而进行的操作比如上传图片,我们的上传是这样子的 ...

html接入qq客服,Vue 前端框架接入QQ在线客服

html接入qq客服,Vue 前端框架接入QQ在线客服相关推荐

最新文章

热门文章