回答編集履歴

1

別のアプローチを思いついたので修正

2019/05/07 13:47

投稿

yhg
yhg

スコア2161

test CHANGED
@@ -1,5 +1,33 @@
1
- render関数使えば実現できると思いますがrender関数はPromiseな返値を許容してくれないので、Dynamic Importの対応がめんどくさいことになりそう。
1
+ ~~render関数使えば実現できると思いますがrender関数はPromiseな返値を許容してくれないので、Dynamic Importの対応がめんどくさいことになりそう。~~
2
2
 
3
3
 
4
4
 
5
+ `<component>`を`v-for`で複数配置する感じにすればいけますね。
6
+
7
+ ```vue
8
+
9
+ <component v-for="item in items" :is="item" />
10
+
11
+ ```
12
+
13
+
14
+
15
+ ```js
16
+
17
+ //中略
18
+
19
+ computed: {
20
+
21
+ items() {
22
+
23
+ return key_number_list.map(n => getComponentName)
24
+
25
+ }
26
+
27
+ }
28
+
29
+ ```
30
+
31
+
32
+
5
- 一番手っ取り早いのはVue Router使って、ページごとに順番並び替えたコンポーネントを出し分ける方法かなと思います。
33
+ ただ一番手っ取り早いのはVue Router使って、ページごとに順番並び替えたコンポーネントを出し分ける方法かなと思います。