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);
}
);
为了大家共同进步,欢迎讨论~~~
下一篇: MYSQL 基本SQL语句_MySQL