vue引入腾讯IM

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m0_37852904/article/details/85282082

由于腾讯IM中相关js还不能在vue中使用依赖,故我们想在vue中引入webim.js的时候只能外部引入的方式。
方法一:在index.html全局引入

<script src="./static/js/webim.js"></script>

方法二:修改webim.js ,使之可以用import引入的方式。如下,
先在webim.js中最后加上

module.exports = {
  webim
};

这样我们在相应模板中引入

import webim from '@/static/js/webim'

整个完整的js demo见链接:https://github.com/webBing1993/web-sdkDemo
注意一点:使用方法二引入后使用里面的方法时,记得前面多加一个 webim. 如登录:

webim.webim.login(
  loginInfo, listeners, options,
  function (resp) {
    console.log('resp:',resp);
    loginInfo.identifierNick = resp.identifierNick;  // 设置当前用户昵称

    that.initRecentContactList();  // 获取消息列表
  },
  function (err) {
    alert(err.ErrorInfo);
  }
);

为了大家共同进步,欢迎讨论~~~

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试