Vue2-Vuetify输入@click事件中的更新值

时间:2018-11-15 04:30:34

标签: vue.js vuejs2 vuetify.js

这是我的v-data-iterator代码,我想在单击列表项值文本时更改输入值。

<v-data-iterator :items="items" content-tag="v-layout" row wrap hide-actions>
    <v-flex slot="item" slot-scope="data" xs12>
      <v-card>
        <v-list>
          <v-list-tile>
            <v-list-tile-content @click="setNewValue">{{ data.item.name }}</v-list-tile-content>
          </v-list-tile>
        </v-list>
      </v-card>
    </v-flex>
  </v-data-iterator>

这是我的数据()

data() {
    return {
    Input: "",
    items: [
      {
        name: 'JhonDoe1'
      },
      {
        name: 'JhonDoe2'
      },
      {
        name: 'JhonDoe3'
      }
    ],

    };
  },

最后这是我在methods()中的功能

methods: {
    setNewValue: function () {
      this.message = this.items.name.value;
    }
  }

我要更改其值的文本字段

<v-text-field
 v-model="Input"
 value="{this.items.name}"
></v-text-field>

我在哪里错了?谢谢:)

0 个答案:

没有答案