由于腾讯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);
  }
);

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

Logo

前往低代码交流专区

更多推荐