如何用字符串拼接出v-for循环

Question

根据需求我这里需要return一个循环过的列表，应该如何书写拼接

Answer 1

既然是使用 Vue，那应该考虑组件化。

if (...) { return ""; } else { return html; } 这种结构的代码，在 Vue 中通常会写成

<custom-comp-1 v-if="..." ... />

如果需要循环，可以

<custom-comp-1 v-for="..." v-if="..." .../>

参考：Vue 的列表渲染

Answer 2

你是想把这段代码循环？ 如果是的话请往下看，如果不是的话我没理解题意，当我放屁吧，哈哈哈

• 第一你可以写个组件，然后v-for
• 第二你可以写jsx

另外我不太理解的是 你这么写确定会渲染的出来么。。。这个时候template我记得应该已经被编译过了才对，你返回一堆这个字符串。。。貌似不行吧