vue.js - VueJS和数据表

Question

我正在一起使用datatable和vuejs。数据表位于vuejs组件内部，并已由vuejs组件成功初始化。
但是我对如何使用vuejs方法单击数据表行中的复选框元素有一些疑问。

            {
                "title": "Listeleme", "data": "a",
                "render": function (data, type, row) {
                    if (data === true) {
                        return '<input type="checkbox" id="A' + row.id +  '" onclick="checkboxChange(this)" data-role="checkbox" data-type="a" checked>';
                    } else {
                        return '<input type="checkbox" id="A' + row.id + '" onclick="checkboxChange(this)" data-role="checkbox" data-type="a">';
                    }
                }
            },

我需要将 onclick =“checkboxChange(this)” 更改为 v-on:click =“checkboxChange” 以访问vuejs组件方法

注意:如果我如上所述直接编写vuejs方法名称，则无法访问这些方法。它什么也没做

谢谢。

Answer 1

找到了解决方案。

将Vue应用程序实例添加到窗口

window.application= new Vue({
});

和创建的组件

const someComponent= Vue.component('some-component',{
methods:{
  vueJSFunction:function(){
    }
}});

从组件外部，我可以访问VueJS组件方法

function someFunction(obj) {
    window.Application.$children[0].vueJSFunction();
}