欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue引入腾讯IM

程序员文章站 2022-06-06 20:23:01
...

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

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

相关标签: vue 引入腾讯IM