Vuejs：從外部腳本導入 function

Question

我需要從組件內的外部腳本獲取一些功能。 正如我發現的那樣，有兩種添加外部腳本的方法（即 paypal 智能按鈕）：

首先是在掛鈎中

mounted() {
    let paypalBtn = document.createElement('script')
    paypalBtn.setAttribute('src', 'https://www.paypal.com/sdk/js?client-id=some_client_id')
    document.head.appendChild(paypalBtn)
  }

組件“模板”部分中的第二個

<script type="application/javascript" defer src="https://www.paypal.com/sdk/js?client-id=some_client_id"></script>

問題是我應該如何使用外部腳本中的 paypal.Buttons().render('#element_id')？ 如果我在已安裝的鈎子內這樣做，它將按預期通過“未定義”，那么我遺漏的導入語句是什么？

Answer 1

最后我以某種方式得到了它

您可以將外部腳本添加到您的 index.html （在我的例子中，在關閉 body 標記之前），然后只需使用window .paypal.Buttons().render() 或您在組件的掛載鈎子中需要的任何 function。 它在window .anyFuncName 中可用