如何选择将在 vue js 中循环的代码行？

【问题标题】：how do i select a line of code that will loop in vue js?如何选择将在 vue js 中循环的代码行？
【发布时间】：2021-05-30 02:49:24
【问题描述】：

我希望图例标签不跟随循环。如果我在与表单标签相同的块中写一个图例标签，是真的吗？

        var app = new Vue({
        el : '#container',
        data : {
            menus : [
                {formm : "Name"},
                {formm : "Age"},
                {formm : "Address"},
            ]
            }
        }
    )
    <div id="container">
        <form v-for="menu in menus">
            <legend> Form </legend>
            <label >{{menu.formm}}</label>
            <input type="text" name="menu.formm" />
        </form>
    </div> ``

【问题讨论】：

标签： forms vue.js for-loop vuejs2 v-for

【解决方案1】：

希望你的问题是正确的，

您当前正在为 menus 数组中的每个菜单创建一个表单元素。此表单元素中的所有内容都将成为每个循环的一部分...如果您不希望图例成为其中的一部分 - 您需要将其从 lopped 元素中取出，即在 lopped on 表单的上方/下方。

类似这样的：

 <div id="container">
    <legend> Form </legend>
    <form v-for="menu in menus">
        <label >{{menu.formm}}</label>
        <input type="text" name="menu.formm" />
    </form>
</div>

【讨论】：