带有 Jquery 的 VueJS

Posted 2023-02-23

【中文标题】带有 Jquery 的 VueJS

【英文标题】：VueJS with Jquery

【发布时间】：2018-12-06 04:08:11

【问题描述】：

伙计们，我的项目使用 django 和 vueJS。我想用数字签名对文件进行签名。我的一个柜子是完整的 django，所以我用 jQuery 脚本完成了它。现在我想将此脚本导入我的 vue 代码。所以用户可以点击按钮，它会调用signFile函数。我在 vue 组件中创建了几个脚本标签，使用 created.

  let es6Promise = document.createElement('script')
  es6Promise.setAttribute('src', '/static/etf/js/signing/es6-promise.min.js')
  document.head.appendChild(es6Promise)

  let ieEventlistnerPolyfill = document.createElement('script')
  ieEventlistnerPolyfill.setAttribute('src', '/static/etf/js/signing/ie_eventlistner_polyfill.js')
  document.head.appendChild(ieEventlistnerPolyfill)

  let firefoxCadespluginAsync = document.createElement('script')
  firefoxCadespluginAsync.setAttribute('src', '/static/etf/js/signing/firefox_cadesplugin_async.js')
  document.head.appendChild(firefoxCadespluginAsync)

  let cadespluginApi = document.createElement('script')
  cadespluginApi.setAttribute('src', '/static/etf/js/signing/cadesplugin_api.js')
  document.head.appendChild(cadespluginApi)

  let code = document.createElement('script')
  code.setAttribute('src', '/static/etf/js/signing/Code_js.js')
  document.head.appendChild(code)

  let signFileScript = document.createElement('script')
  signFileScript.setAttribute('src', '/static/etf/js/signing/signFile.js')
  document.head.appendChild(signFileScript)

我创建了按钮。 signFile 函数在 signFile.js 中。那么如何让点击事件来调用这个函数呢？

【参考方案1】：

您可以在index.html 中包含signFile.js。在此之后，您的函数将在 window 对象上可用。

要使用signFile.js 公开的方法，您可以这样写

window.SignMethod(args)

在来自 vuejs 处理程序的回调中。

【讨论】：

它说，window.signing(id) 不是函数