V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
cs3230524
V2EX  ›  Vue.js

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

  •  
  •   cs3230524 · 2020-05-11 21:24:16 +08:00 · 1853 次点击
    这是一个创建于 1687 天前的主题,其中的信息可能已经有所发展或是发生改变。
    绑定的是一个数组,比如我输出 10 个按钮,我想每输出几个就换行,能实现吗?因为每几个数量是不固定的,所以不能用 css 实现。
    5 条回复    2020-05-12 12:30:03 +08:00
    windychen0
        1
    windychen0  
       2020-05-11 21:27:02 +08:00
    或许你需要</br>?
    Xusually
        2
    Xusually  
       2020-05-11 21:30:15 +08:00
    @windychen0 emmm......
    应该是<br>
    或者 XHTML 的话 <br />
    windychen0
        3
    windychen0  
       2020-05-11 21:33:04 +08:00
    @Xusually 完了暴露自己菜鸡的事实了。。。
    SilentDepth
        4
    SilentDepth  
       2020-05-12 00:44:23 +08:00
    HTML 的思路就是在适当的位置塞 <br>,或者把同行按钮用 <div> 包起来(数组元素分组,嵌套循环)。

    如果每行按钮数是相同的(按钮矩阵),CSS 可以搞啊,Flexbox 或 Grid 都可以,看你的浏览器兼容要求。
    cs3230524
        5
    cs3230524  
    OP
       2020-05-12 12:30:03 +08:00
    用<template>循环在里面做控制
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   993 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:55 · PVG 05:55 · LAX 13:55 · JFK 16:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.