Swiper表示データを使用して、多くの場合、彼らはページングする必要がある場合は、各ページの項目は必要に応じて番号を置くために。
私たちは分割したい場合は、マルチページは、学校の教師、ページショーn個あたりの教師を表示します。
私たちは、データが1次元である教師のリストを取得します。二次元配列に変換した場合、それによって2つのネストされたループ(例えば、V-用)の提示を実現することは容易です。
前記第一層は、ページサイクル(Swiperのswiperスライドの即ち各ページ)を複数生成する責任があります。
第二層は、複数のサイクルを担う教師ページを生成する責任がある(一方は1〜Nを有していてもよいです)。
コアは、次のようにコードが実装され、二次元アレイの一次元アレイです。
最初のパラメータは一次元アレイである、第2のパラメータは、表示される項目ごとの数であります
関数arrTo2d(ARR、サイズ){ せarr2d = []; 用(; I <arr.length I = I + I = 0せ{サイズ) arr2d.push(arr.slice(I、I + サイズ))。 } 戻りarr2d。 } にconsole.log(arrTo2d([ 1,2,3,4,5,6,7,8,9]、4))
出力結果:[[1、2、3、4]、[5、6、7、8]、[9]