Nuxt.js computedの戻り値の変数名を動的に取得したい

Question

前提・実現したいこと

以下のような算出プロパティがあったとします
別に
otheritem１−６まで項目があったとします。

html側からotheritem１−６に相対するtest項目を表示させたいです。
変数testを動的にとる場合どのようにしたらいいでしょうか？
html側でotheritem１−６までループしてtest1-test6までを同時に表示したいです

    computed: {

      /*
      * 計算
      */
      test() {
        return {
          test1  : test1,
          test2   : test2,
          test3   : test3,
          test4   : test4,
          test5    : test5,
          test6    : test6,
     }
      },```



HTML側
<tr  v-for="(v,k) in otheritem">
 <strong>{{ test.test{k}}}</strong>
</tr>

↑エラーとなる


### 該当のソースコード

試したこと

k=ループのキーとして
test${k}
のようにして見ましたが
ダメでした。
また配列にして
test[k] のように参照してもダメでした。

Answer 1

以下の形式で参照できます。

<div v-for="(item, key) in test">
  {{ key }}:{{ item }}
</div>

Comments

[ms5025]

<div v-for="(item, key) in otheritem">
{test{ key }}
</div>

のようには取れないのでしょうか？
otheritemと言う別の
otheritem１
otheritem２
otheritem３
otheritem４
・・・
をv-forでループさせて
それに合致する　test{k}を表示させたい

otheritem1 の時　test1を表示させたいです

[nt4c]

上記で言うならばキーを参照したければ「key」を参照中のバリューを見たければ「item」を表示してください。indexを見たいのであればv-for="(item, key, index) in test"として「index」を表示してください

[ms5025]

keyの参照の仕方はわかるんです
computed で取得したtestと言う変数の

test1 のこの[1]の部分を可変で作成してtest1-6の値をとりたいんです。
ベースのループはotheritemになります
そのkeyは取得できます。
そして
test + key
で　computedで算出した　test1-6までの変数を動的に取得したいんです。

test${k}
では参照できなくて・・・

[nt4c]

数を使って参照したいのであれば以下のような記述方法で取得可能です。
<div v-for="number in 5">
{{ test[`test${number}`] }}
</div>

[ms5025]

ありがとうございます！
できました！

{{ test[`test${number}`] }}
なんですね
{{ `test[test${number}]` }}
としていました！！
助かりました！

Answer 2

computedはHTML側での処理を減らす（無くす）ものなので使い方が違うと思いますが

返り値をオブジェクトのv-forで取得すればできます

Comments

[ms5025]

動的に変数にアクセスするのではなく、
v-for でループして
かつ
testもv-forでLOOPして表示する、と言うことですか？

[mouse_484]

>動的に変数にアクセスする
というのが意味がわからないのですが

<div v-for="value in test">{{ value }}</div>

で取得できないですか？

[ms5025]

<div v-for="key in otherItem">
{{test{key]}}
</div>
のようにしたいのです。

testの値ではなく
otherItemと言う別の項目のキーと相対するtestを表示したい。
なので変数名のtest自体を動的に取れないのかなlあと
わかりにくくてすいません

[mouse_484]

変数名は(value,key) in testとしたときのkeyです

[ms5025]

testをv-forで回して取得することはわかるんです
普通に取れるので

そうではなく、別のotheritem1-6があったとして
これをループする際、一緒に同じ添字のtestを表示させたいのです。

otheritem1
test1
otheritem2
test2

のような感じで。
ベースのループはotheritemです。