Javascript VueJS Jquery数据表集成:将方法附加到动态html元素
我的代码是将Jquery数据表与VueJS集成 我想将我的Vue组件的方法附加到Javascript VueJS Jquery数据表集成:将方法附加到动态html元素,javascript,jquery,datatables,vue.js,vuejs2,Javascript,Jquery,Datatables,Vue.js,Vuejs2,我的代码是将Jquery数据表与VueJS集成 我想将我的Vue组件的方法附加到按钮我的按钮: row.push(“我的按钮”)//按下按钮时添加方法 我该怎么做呢?包装器组件背后的想法是将Vue控制的DOM部分与其他部分控制的DOM部分分开。在数据表组件中,jQuery控制DOM。相应地处理您的事件: $(this.$el).on('click button', (event) => { this.buttonPressed(); }); 您是否曾经尝试过使用Vuev-for指令构
按钮我的按钮:
row.push(“我的按钮”)//按下按钮时添加方法
我该怎么做呢?包装器组件背后的想法是将Vue控制的DOM部分与其他部分控制的DOM部分分开。在数据表
组件中,jQuery控制DOM。相应地处理您的事件:
$(this.$el).on('click button', (event) => {
this.buttonPressed();
});
您是否曾经尝试过使用Vuev-for
指令构建表以呈现行,然后仅对结果表调用DataTable
方法
这将是:
像通常使用Vue组件一样构建表和行
从中创建一个“DataTable”,如下所示:$('#示例')。DataTable()代码>
看看我用你的修改版:
祝你好运 工作正常,但如果vue中的数据更新,则不会更新datatable的行。