如何在響應ajax vue.js 2中使用jquery？

Question

我的組件Vue是這樣的：

<script>
    export default {
        ...
        methods: {
            deleteImageProduct(event) {
                const payload = {id: this.productId}
                const data = this.$store.dispatch('deleteProduct', payload);
                data.then((res) => 
                    $('#test').remove();
                )
            }
        } 
    }
</script>

執行時，在gulp watch上存在錯誤：

模塊構建失敗：SyntaxError：意外令牌

並且在控制台上存在錯誤：

未捕獲的ReferenceError：未定義jQuery

我使用jquery是因為被調用的div在視圖中或不在vue組件中

我怎么解決這個問題？

Answer 1

您應該導入jquery庫，以便可以使用它。

import $ from 'jquery'

此處提供更多信息： https : //www.npmjs.com/package/jquery