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

Posted 2023-02-16

【中文标题】如何选择将在 vue js 中循环的代码行？

【英文标题】：how do i select a line of code that will loop in 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> ``

【参考方案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>