export const partsType = [ { type: 'Banner', text: 'バナー' }, { type: 'Textarea', text: 'コラム' }, { type: 'HorizontalRule', text: '区切り線' }, { type: 'MainVisual', text: 'ギャラリー' }, { type: 'Movie', text: '動画' }, { type: 'Product', text: '商品一覧' }, { type: 'Category', text: 'カテゴリー' }, { type: 'Ranking', text: 'ランキング' }, { type: 'News', text: 'ニュース' } ];
上記のような配列をリストで出力したいのですが、5個ずつulでwrapする際どのような処理をすればよろしいでしょうか?
配列の個数を5で割った後切り上げって、ulのループ回数を求めるところまではできたのですが、
liをループする方法につまずいています。
#####最終出力結果
<ul> <li :type="Banner">バナー</li> <li :type="Textarea">コラム</li> <li :type="HorizontalRule">区切り線</li> <li :type="MainVisual">ギャラリー</li> <li :type="Movie">動画</li> </ul> <ul> <li :type="Product">商品一覧</li> <li :type="Category">カテゴリー</li> <li :type="Ranking">ランキング</li> <li :type="News">ニュース</li> </ul>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。