基于ajax响应的Vue2组件呈现

我创建了一个对该模板作出反应的组件：

<table-sort index="job.job_id"></table-sort>

public async drawTable() {
    this.table = $(`<table class="table table-striped table-bordered table-hover table-condensed"><thead><tr id="header"></tr></thead><tbody></tbody></table>`);
    this.count = $(`<div class="count pull-left"></div>`);
    this.pagination = $(`<div class="pagination pull-right"></div>`);

    this.fields.map((field: ColumnData) => {
        let out = `<th>${field.title}`;
        if (!!field.sort) {
            out += ` <table-sort index="${field.sort}"></table-sort>`;
        }
        out += `</th>`;


        this.table.find('#header').append(out);
    });

    this.container.append(this.table, this.count, this.pagination);
}

以下是附加模板的代码：

<table-sort index="job.job_id"></table-sort>

public async drawTable() {
    this.table = $(`<table class="table table-striped table-bordered table-hover table-condensed"><thead><tr id="header"></tr></thead><tbody></tbody></table>`);
    this.count = $(`<div class="count pull-left"></div>`);
    this.pagination = $(`<div class="pagination pull-right"></div>`);

    this.fields.map((field: ColumnData) => {
        let out = `<th>${field.title}`;
        if (!!field.sort) {
            out += ` <table-sort index="${field.sort}"></table-sort>`;
        }
        out += `</th>`;


        this.table.find('#header').append(out);
    });

    this.container.append(this.table, this.count, this.pagination);
}

public async drawTable（）{
this.table=$（``）；
this.count=$（``）；
this.pagination=$（``）；
this.fields.map（（字段：ColumnData）=>{
let out=`${field.title}`；
if（！！field.sort）{
out+=`；
}
out+=`；
this.table.find（'#header'）.append（out）；
});
this.container.append（this.table、this.count、this.pagination）；
}

您遇到了什么错误？如何将其添加到dom中？您的组件包括在哪里？如果Vue在呈现之前被实例化，那么它将看不到它。这听起来像是使用jQuery或其他Ajax方法加载包含VUE模板的内容——考虑从GEO去使用VUE，这样你的<代码>表排序组件可以从一开始就存在，并且使用<代码> V-IF =“Ajax加载”< /Cube >或者显示UPI不会出错。它只是无法渲染。我使用jquery将其添加到DOM中，特别是使用$（ele）.append（

）@杰夫，你能提供更多关于如何做到这一点的信息吗？我不完全理解你的意思。你需要将进行Ajax调用的代码和输入的html发布到你得到的错误是什么？如何将其添加到dom中？您的组件包括在哪里？如果Vue在呈现之前被实例化，那么它将看不到它。这听起来像是使用jQuery或其他Ajax方法加载包含VUE模板的内容——考虑从GEO去使用VUE，这样你的<代码>表排序组件可以从一开始就存在，并且使用<代码> V-IF =“Ajax加载”< /Cube >或者显示UPI不会出错。它只是无法渲染。我使用jquery将其添加到DOM中，特别是使用$（ele）.append（

）@杰夫，你能提供更多关于如何做到这一点的信息吗？我不完全理解你的意思。你需要发布进行Ajax调用的代码和输入的html