javascript - 如何在 Vue.js 中渲染一组 html 代码

Question

我想推newUsers入一个数组然后显示该数组，newUsers这将是一个带有信息的html代码，每当有人输入他的信息并单击“添加”时，一个html代码将被推入用户数组，但问题是'v-html ' 没有读取代码可能是因为当我手动纠正代码时，我会得到不同的显示结果，请查看：https ://codesandbox.io/s/3r3po83rkp

标签： javascriptvue.jsvuejs2

Answer 1

您的问题v-html是您试图显示数组本身而不是其中的项目。

改变这个：

<div class="req"><span v-html="Users"></span></div>

至：

<div class="req" v-for="(user, index) in Users"><span :key="index" v-html="user"></span></div>