VUE项目在线咨询聊天功能

在做项目的过程中遇到了需要做一个在线咨询聊天的功能，通过第三方的方式来实现；

首先在public下的index.html文件加上一下代码：

<!-- 米多客在线咨询 --><script type="text/javascript">window._MICHAT = window._MICHAT || function () {(_MICHAT.a = _MICHAT.a || []).push(arguments)};_MICHAT("accountid", 130240);_MICHAT("domain", "majkefu.yunhujiaozhongxin.net");(function (m, d, q, j, s) {j = d.createElement(q), s = d.getElementsByTagName(q)[0];j.async = true;j.charset = "UTF-8";j.src = ("https:" == document.location.protocol ? "https://" : "http://") +"majkefu.yunhujiaozhongxin.net/Web/JS/mivisit.js?_=t";s.parentNode.insertBefore(j, s);})(window, document, "script");</script>

然后在你要写的页面加上input标签，οnclick="_MICHAT.mini.startChat()，如下代码：

<!-- 米多客在线咨询 -->
<input class="chat_input" type=" button" onclick="_MICHAT.mini.startChat()" />

跟米多客那边对接好，下载一个米多客客户端，当有人点击input按钮在线咨询时，米多客客户端就有回消息弹出来，就完成啦

VUE项目在线咨询聊天功能相关推荐

vue项目搜索历史功能的实现
vue项目搜索历史功能的实现播放器项目中歌曲搜素页面的首先需要在state定义搜索历史,在其中保存搜索历史 state.js:<br>// 搜索历史: searchHistory: [ ...
vue 项目检测新版本功能
简单代码就可以为 vuecli 项目实现检测新版本功能当发布新版本后用户本地经常会有缓存情况, 为了让用户知道产品是否有新版本推送并不值得集成websocket长链接, 所以用一种更简单的方式来实现 ...
[Vue项目实战]登录功能实现
登录功能实现写在前面登录概述登录业务流程登录业务的相关技术点登录---token原理分析登录功能实现登录页面的布局在components文件下创建一个vue文件配置路由(并添加路由重 ...
vue项目的导出功能
说到导出功能有很多种方式,今天我也来写一种,纯js的导出功能,可用于项目当中,可用于项目当中,可用于项目当中.重要的事情说三遍,现在开始 let url = window.URL.createObje ...
VUE项目头像裁剪功能（个人项目）
VUE头像裁剪功能思路: 方案一:学长用的是vue-image-crop-upload来实现的学长的代码中css使用了sass,而我安装sass不成功,可能是nodejs版本的问题,所以暂且不用这 ...
vue项目导出EXCEL功能
因为一些原因导出EXCEL功能必须前端来做,所以就研究了一下,在网上也找了一些文章来看,有一些不完整,我做完了就记录下来,供大家参考: 1.首先先安装依赖: npm install file-save ...
vue项目实现打印功能
使用的一个叫做"vue-print-nb"的插件,具体步骤: 1.下载插件:npm install vue-print-nb --save 2.在main导入并注册: // 打印 ...
寺庙公众号开发：vue项目实现放生功能的前端部分
效果如下这个页面的所有代码在这里 <template><div class="bg" :style ="bg"> <el-but ...
Vue 项目excel导出功能
一.思路前端主导(工作大量在前端) 二.新建文件夹及文件新建src/vendor/export2Excel.js 示例代码:示例地址 /* eslint-disable */ import { s ...

VUE项目在线咨询聊天功能

VUE项目在线咨询聊天功能相关推荐

最新文章

热门文章