vue组件里的数据可以传递到index.html里吗？

公司有一套微信分享的js代码，是用原生js写的。
可以配置微信分享的标题，简介，缩略图等等

我用在vue里，直接把js链接放到了index.html下，配置的方法也写到了index.html下面，这样是可以正常分享使用的。
但现在有个需求，需要用户操作后，从接口获取数据，然后把数据插入到微信分享出去的标题和简介里。
不知道vue组件里的数据怎么传到index.html里。

或者还有其他的办法吗？

阅读 5.8k

3 个回答

得票最新

可以。
你既然想到把js链接放到index.html中，何不干脆点，在vue里边用原生js写个动态载入的script标签并让其执行。如果数据传递麻烦，可以借助sessionStorage实现数据传递。
当然最好的解决方案是别都堆在index.html中，当里面业务多了就越发难维护。

虽然不是很明白你的具体需求，但是我觉得可以考虑使用回调函数的形式去把变量传递给 html 中的原生 js。

完全没问题的，我在index.html文件传值给组件，甚至可以调用组件里的方法。

主要借用的是window对象。

在组件中，created函数中，将this赋值给一个全局变量，然后index.html就可以拿到了。

记得在index.html用完后，要把这个变量致空，不然这个组件有可能不会被销毁，导致内存泄露。

我的博文

撰写回答

推荐问题