如何在响应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