这是我的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>
我在哪里错了?谢谢:)