vue.jsでthisにより指定する方法

Question

export default {
  data () {
    return {
      items: {
        obj: [
          {
            task: '',
            data: ['']
          }
        ]
      },...

このようなプロパティがある場合で、taskをthisにより指定する場合、this.items.obj.taskとなるのでしょうか。

すごく初歩的な質問だと思うのですが、よろしければご回答おねがいたします。

Comments

[m.ts10806]

どの程度ご自身で試されたのでしょうか

[masahiro.1995]

はい、想定動作としては、taskが配列で出力されないと考えているのですが、記載の指定ですとtaskが配列(['a'],['b'])で出力されてしまいます。

[masahiro.1995]

['a','b']で出力される、の誤りでした。

[m.ts10806]

実際のコードと想定の結果をまとめて質問本文に記載してください

[sousuke]

vue内の関数でアロー関数にしていてもthisがダメになるので実際どうやって参照しているか書いたほうがいいです。

[masahiro.1995]

v-modelにより指定したいのですが、現在は
v-model="items.obj.task"
で参照しています。がこれですと、想定結果になりません。

[m.ts10806]

質問は編集できますので。

Answer 1

objは配列なので、this.items.obj[0].task となるかと思います。