首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在VueJS中添加简单的Jquery和<script>?

如何在VueJS中添加简单的Jquery和<script>?
EN

Stack Overflow用户
提问于 2021-04-20 02:06:33
回答 2查看 32关注 0票数 0

我在页面上有简单的<script>连接和jquery。下面是示例:https://codepen.io/TidioSupport/pen/WNePeao

如何正确地将其添加到我的Vue组件中?因为当我尝试添加它时,我收到了:Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed. or component not loading。

希望您的帮助,谢谢!

EN

回答 2

Stack Overflow用户

发布于 2021-04-20 02:20:16

在你的Vuejs的mounted lifecycle中,你可以追加脚本,然后使用它的函数。

这些脚本的变量可以通过window全局对象访问。

代码语言:javascript
运行
复制
mounted() {
      let chatScript = document.createElement('script')
      chatScript.setAttribute('src', 'https://code.tidio.co/fouwfr0cnygz4sj8kttyv0cz1rpaayva.js')
      document.head.appendChild(chatScript)
    }
票数 0
EN

Stack Overflow用户

发布于 2021-04-20 02:53:35

您应该将其添加到要调用vue应用程序的html的头部

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67167150

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档