vue组件中使用第三方QQ登录的问题

Justjoke
  • 194

根据QQ互联教程中Sdk的使用方法,将

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>

添加到回调域中的head中,然后在使用到登录按钮的页面head中引入:

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="***" data-redirecturi="http://localhost:8080/qq_entry" charset="utf-8" ></script>
<script>
      QC.Login({
      btnId:"qqLoginBtn"    //插入按钮的节点id
});
</script>

我现在是把代码写在了index页面中,即直接引用的,但是在我的comment组件中写

<span id = "qqLoginBtn"></span>

会报错取不到id的值
请问大家怎么在需要登录按钮的vue组件中导入上面的script代码?或者提供一个解决的思路,十分感谢!!

回复
阅读 5.1k
2 个回答

comment组件未渲染完成。
你可以把

QC.Login({
   btnId:"qqLoginBtn"    //插入按钮的节点id
});

放到comment组件里去用

你知道吗?

宣传栏