V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
cs3230524
V2EX  ›  Vue.js

循环一个数组的时候我能在模板里面进行换行吗?

  •  
  •   cs3230524 · May 11, 2020 · 2261 views
    This topic created in 2190 days ago, the information mentioned may be changed or developed.
    绑定的是一个数组,比如我输出 10 个按钮,我想每输出几个就换行,能实现吗?因为每几个数量是不固定的,所以不能用 css 实现。
    5 replies    2020-05-12 12:30:03 +08:00
    windychen0
        1
    windychen0  
       May 11, 2020
    或许你需要</br>?
    Xusually
        2
    Xusually  
       May 11, 2020
    @windychen0 emmm......
    应该是<br>
    或者 XHTML 的话 <br />
    windychen0
        3
    windychen0  
       May 11, 2020
    @Xusually 完了暴露自己菜鸡的事实了。。。
    SilentDepth
        4
    SilentDepth  
       May 12, 2020
    HTML 的思路就是在适当的位置塞 <br>,或者把同行按钮用 <div> 包起来(数组元素分组,嵌套循环)。

    如果每行按钮数是相同的(按钮矩阵),CSS 可以搞啊,Flexbox 或 Grid 都可以,看你的浏览器兼容要求。
    cs3230524
        5
    cs3230524  
    OP
       May 12, 2020
    用<template>循环在里面做控制
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   854 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 20:32 · PVG 04:32 · LAX 13:32 · JFK 16:32
    ♥ Do have faith in what you're doing.