Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript VueJS Jquery数据表集成:将方法附加到动态html元素_Javascript_Jquery_Datatables_Vue.js_Vuejs2 - Fatal编程技术网

Javascript VueJS Jquery数据表集成:将方法附加到动态html元素

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指令构

我的代码是将Jquery数据表与VueJS集成

我想将我的Vue组件的方法附加到
按钮
我的按钮

row.push(“我的按钮”)//按下按钮时添加方法


我该怎么做呢?

包装器组件背后的想法是将Vue控制的DOM部分与其他部分控制的DOM部分分开。在
数据表
组件中,jQuery控制DOM。相应地处理您的事件:

$(this.$el).on('click button', (event) => {
  this.buttonPressed();
});

您是否曾经尝试过使用Vue
v-for
指令构建表以呈现行,然后仅对结果表调用
DataTable
方法

这将是:

  • 像通常使用Vue组件一样构建表和行
  • 从中创建一个“DataTable”,如下所示:
    $('#示例')。DataTable()
  • 看看我用你的修改版:


    祝你好运

    工作正常,但如果vue中的数据更新,则不会更新datatable的行。