jquery中使用vue方法

Posted mahoshojo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中使用vue方法相关的知识,希望对你有一定的参考价值。

今天做前端vue+jq,用jq的ajax请求数据后回调vue的方法,提示xxxis not a function
一通捣鼓后发现要想在jq中使用vue定义的方法,需要这样

const vue = new Vue({
    el: '#app',
    data: {
    },
    methods: {
        returnDemo() {},
        clickDemo() {
            $.get('', () => {
                // 需要这样调用才行
                vue.returnDemo()
            })
        }
    },
    created: function () {
    }
});

以上是关于jquery中使用vue方法的主要内容,如果未能解决你的问题,请参考以下文章

[vscode]--HTML代码片段(基础版,reactvuejquery)

Vue中正确使用jQuery的方法

怎样在Vue.js中使用jquery插件

几个可以直接拿来用的jQuery代码片段

几个可以直接拿来用的jQuery代码片段

如何在 jquery 事件中调用 vue 方法?