遍历对象

时间:2019-12-06 14:45:56

标签: javascript vue.js vuetify.js

我有一个这样的对象:

new Object(...)

我这样做:

 obj: {
        'tags': {
                '0': 'One',
                '1': 'Two',
                '2': 'Three',
                '3': 'Four',
                '4': 'Five',
                '5': 'Six',
                }

我想在vuetify文本字段中显示值,但是当我执行vfor时,我收到此消息:

<div
    v-for="(tag, index) in obj.tags">
    <v-text-field
     v-model="tag"

    >
    </v-text-field>
</div>

我该怎么办?

1 个答案:

答案 0 :(得分:2)

由于标签是您正在使用的对象的“别名”,因此我们无法通过该别名进行引用。

但是,我们可以使用v-for的索引将其重新绑定到原始对象。

这将为您绑定它。

<v-text-field v-model="obj.tags[index]">    
</v-text-field>