问Vue.js -组件内部组件

EN

您需要再次编译从远程.加载的代码

ps:我将使用jQuery来操作DOM。

在这个组件中，我从服务器加载JSON数据并呈现它们。

我假设您有一个名为"loadAndRenderFromServer()“的函数，请修改下面的代码以适合您。

如果您的网格有标记<div id='grid'>

// vuecomponent.js
export default {
    [...]

    methods: {
        loadAndRenderFromServer() {
            // first, load remote content and insert into #grid

            // now, compile
            this.$compile($("#grid").get(0));
        }
    },

    [...]
}

如果组件开始复制加载的内容，则可能需要使用“反编译”。检查VueJS文档中的、编译和反编译方法。

如果它是一个组件，使用v-html (这相当于{{{}}})将不会呈现它内部的内容。

相反，尝试在父模板中使用<slot>。

否则，如果您想要动态组件，您需要使用<component>，如果您想要这些动态组件中的内容，则需要使用<slot>。

我建议你用这样的方法

<component :is="myComponent" />

在这些组件的模型中放置一些<slot>来插入任意内容。