使用Vue模板标签输出html，但没有嵌套元素

Question

我的首要问题是：在Vue中，如何在迭代集合时输出内部html，而不必将其包装在其他div或span中。

具体来说：我正在从Vue模板中迭代一组js对象。每个对象都有一个输出HTML的“ render”方法。

这有效：

template:
`<div id="container">
    <template v-for="element in elements">
        <span v-html="element.render()"></span>
    </template>
</div>
`,

但是我想做下面的事情，因为我不希望输出被包装在div或span中。这段代码不会产生错误，但是也不会产生输出：

template:
    `<div id="container">
        <template v-for="element in elements" v-html="element.render()">
        </template>
    </div>
    `,

在一个完美的世界中，我会做这样的事情，但是胡须格式无法输出html：

<div id="container">
    <template v-for="(element, index) in elements">
        {{ element.render() }}
    </template>
</div>

所需的输出：

<div id="container">
    (output of element.render())
    (output of element.render())
    (output of element.render())
    etc.
</div>

谢谢您的指导，

L

Answer 1

完全删除Ajax request 400标签，并在<template>标签中使用渲染功能。像这样，但是此代码未经测试，仅用于演示。

<script>