如何在vue js中绑定json对象中的值

Question

我使用vuetify组件制作了todo应用程序，使用带有firebase DB的vuejs。我想从json对象绑定title。但我不知道从obebject中绑定任何特定的值或属性

<v-text-field
v-model="title"
outlined
full-width
label="Another input"
></v-text-field>

todo: {
id: this.id,
title: "Welcome to vue js",
date: new Date().toISOString().substr(0, 10),
},

Answer 1

您可以使用computedhttps://v2.vuejs.org/v2/guide/computed.html#Computed-Setter类似这样的东西：

computed: {
title: {
set: function(value){
this.todo.title = value
},
get: function() {
return this.todo.title
}
}
}

然后将计算属性与输入绑定

<v-text-field
v-model="title"
outlined
full-width
label="Another input"
></v-text-field>