我正在尝试将Google趋势嵌入我的代码vuejs中,但找不到有关该方法的任何信息。
我尝试一下:
<script>
export default {
created(){
postscribe('#trend', `
<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/2152_RC02/embed_loader.js"></script>
<script type="text/javascript"> trends.embed.renderExploreWidget("GEO_MAP", {"comparisonItem":[{"keyword":"vue","geo":"BR","time":"today 12-m"}],"category":0,"property":""}, {"exploreQuery":"q=vue&geo=BR&date=today 12-m","guestPath":"https://trends.google.com.br:443/trends/embed/"}); </script>
`)
},
}
</script>
<template>
<div class="container">
<div id="trend">
</div>
</div>
</template>
得到一个错误:趋势未定义。
在Vue中调用脚本的最佳方法是什么?有人知道如何在Vue中嵌入Google趋势吗?
最佳答案
将其粘贴到任何HTML页面中并进行相应的修改:
<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/2152_RC02/embed_loader.js"></script> <script type="text/javascript"> trends.embed.renderExploreWidget("TIMESERIES", {"comparisonItem":[{"keyword":"Vue.js","geo":"","time":"today 12-m"}],"category":31,"property":""}, {"exploreQuery":"cat=31&q=Vue.js&date=today 12-m","guestPath":"https://trends.google.com:443/trends/embed/"});
</script>
您也可以尝试使用此参考链接:
https://trends.google.com/trends/explore?cat=31&q=Vue.js
https://codepen.io/Cleysense/pen/jeoMVq