Vue2-Vuetify Update value in input @click event

Question

This is my code for v-data-iterator and I want to change input value on click in list items value text.

<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>

This is my data()

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

    };
  },

And finally this is my function in methods()

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

Text field that I want to change his value

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

In which place I'm wrong? Thanks :)