こんにちは。今、Vue.jsで次の記事を参考に、階層カテゴリを作っています。
Vue.js入門その7〜セレクトボックスを動的に変更してみる〜
作成中の階層カテゴリは、レベル1からレベル4まであり、階層構造は 港湾分類.json
に示されています。
HTML:
https://katahiromz.github.io/vue/classify.html
https://katahiromz.github.io/vue/港湾分類.json
ソース:
https://github.com/katahiromz/katahiromz.github.io/blob/master/vue/classify.html
https://github.com/katahiromz/katahiromz.github.io/blob/master/vue/港湾分類.json
港湾分類.json
は、4個の文字列からなる配列の配列になっています。
港湾分類.json
をaxios
を使って読み込み、parse_json
関数で多重連想配列に変換しています。
js
1function parse_json(json) { 2 var dict = {}; 3 for (var i in json) { 4 var item = json[i]; 5 if (item[0] == '') continue; 6 if (!(item[0] in dict)) { 7 dict[item[0]] = {}; 8 } 9 if (item[1] == '') continue; 10 if (!(item[1] in dict[item[0]])) { 11 dict[item[0]][item[1]] = {}; 12 } 13 if (item[2] == '') continue; 14 if (!(item[2] in dict[item[0]][item[1]])) { 15 dict[item[0]][item[1]][item[2]] = {}; 16 } 17 if (item[3] == '') continue; 18 if (!(item[3] in dict[item[0]][item[1]][item[2]])) { 19 dict[item[0]][item[1]][item[2]][item[3]] = {}; 20 } 21 } 22 return dict; 23}
でもなぜかレベル1の項目が空のままです。エラーメッセージもなくて、どこで失敗しているのかがわかりません。
level0_change
関数でalert(entries)
を試したところ、entries
はセットされているようです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。