jquery - 没有可用的数据数据表

Question

我试图使用 axios 获取数据，然后将结果显示到 vue 中的数据表（jQuery）中。它显示没有可用的数据。脚本

 async mounted(){
     axios.get("https://www.reddit.com/r/technology/new.json")
     .then( (res) => { 
        this.tableData =  res.data.data.children;
        console.log(this.tableData);
        $(document).ready(function(){
          $('.myDataTable').DataTable();
        });
    });

标签： jqueryvue.jsasynchronousdatatableasync-await

Answer 1

试试这个

async mounted(){
 axios.get("https://www.reddit.com/r/technology/new.json")
 .then( (res) => { 
    this.tableData =  res.data.data.children;
    console.log(this.tableData);
    $('.myDataTable').DataTable();
});

问题是您在文档已经加载时使用 $(document).ready() 。所以这部分不会被执行。