账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue 的 v-for 怎么循环显示两个div
    26
    0 
    <div class="row">
    <div v-for="(item, index) in items" v-bind:key="index" @click="show(index)">
        <div class="item"/>
        <div class="item_detail"/>
    </div>
</div>

    我想得到的结果是

    <div class="row">
    <div class="item"/>
    <div class="item_detail"/>
    <div class="item"/>
    <div class="item_detail"/>
    ……
</div>

    实际返回的结果却是

    <div class="row">
    <div>
        <div class="item"/>
        <div class="item_detail"/>
    </div>
    <div>
        <div class="item"/>
        <div class="item_detail"/>
    </div>
</div>

    如果我单独对div循环则是

    <div class="row">
    <div class="item"/>
    <div class="item"/>
    ……
    <div class="item_detail"/>        
    <div class="item_detail"/>
    ……
</div>

    我应该怎么做才能循环返回并列的两个div呢？

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 10 元积分
        全部回答
    • 共 0 条
    • ╰︶賴床專業戶こ 普通会员 1楼

      在 Vue 中，你可以使用 v-for 指令来循环显示两个 div。下面是一个简单的示例：

      ```html

      这是 A 的内容
      这是 B 的内容

      ```

      在这个例子中，items 是一个数组，item 是数组中的每个对象。:key 属性用于为每个元素生成唯一的标识符。v-if 指令用于根据 item.name 属性的值来显示或隐藏两个 div。v-else 指令用于显示其他的内容。

      如果你想要显示或隐藏的是两个不同的 div，你可以将 v-if 和 v-else 的条件语句分别放在两个 div 中。

      ```html

      这是 A 的内容
      这是 B 的内容

      ```

      在这个例子中，只有当 item.name 是 'A' 时，才会显示 div，否则会隐藏 div。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部