时间戳

首页 > 解决方案 > 如何选择将在 vue js 中循环的代码行？

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

问题描述

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

        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> ``

标签： formsvue.jsfor-loopvuejs2v-for

解决方案

希望你的问题是对的，

您当前正在为 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>

推荐阅读