如何在jquery中调用vuejs函数，如果您使用vue与导出默认值

92dk7w1h 于 2023-05-28 发布在 jQuery

关注(0)|答案(2)|浏览(190)

在vuejs.org网站上有这个功能。

我想复制它来测试我在使用jquery的表行上的on click函数中编写的一些代码。

$("#table1 tr").click(function () {
            // alert($(this).text());
            //  alert($(this).children("td").html());
            // app.greet();
        });

我想在那里调用vue函数，但我的vue代码是在脚本中编写的，我使用的是像这样的导出默认值。

export default {
    data() {
        return {

        }
etc.
}

如果我想在jquery中使用这个vue函数，我该如何调用它？

jquery

来源：https://stackoverflow.com/questions/44783613/how-to-call-a-vuejs-function-in-jquery-if-your-using-vue-with-export-default

2条答案

按热度按时间

kuarbcqp1#

你必须示例化应用程序，然后你可以在上面调用方法：

import Vue from 'vue'
import App from './app.vue'

const app = new Vue(App)

$("#table1 tr").click(function () {
  app.greet()
})

赞(0）回复(0）举报 2023-05-28

gkn4icbw2#

export default {
  mounted(){
     $("#table1 tr").on('click',()=> {
        this.greet()
     });
  },

  methods:{
    greet(){
      console.log('greet method')
    }
  }
}

赞(0）回复(0）举报 2023-05-28

我来回答

如何在jquery中调用vuejs函数，如果您使用vue与导出默认值

2条答案

相关问题

热门标签

最新问答