В компоненте Vue как обновить свойство данных this.key в цикле?

1

В компоненте Vue Js мне нужно пропустить объект на установленном крюке, который в локальном хранилище в Vuex обновляет свойства данных, как вы можете видеть в примере кода.

Я пытаюсь обновить this.title, this.body, this.id результате чего переменная rightHere в цикле rightHere эти имена как строковые значения, как var вы можете видеть.

this.rightHere 

... проблема, которую я знаю, и, очевидно, пытается настроить объект данных "rightHere", которого не существует. Но я не знаю, как еще это преодолеть в javascript и сделать rightHere вывести строку по мере необходимости? Итак, как я могу использовать это в цикле для динамического изменения, но скажу Vue об this. на каждой итерации?

data() {
    return {
        title: '',
        body: '',
        id: '',
    }
},

mounted() {
    for (var rightHere in this.$store.getters.getObject) {
        if (this.$store.getters.getObject.hasOwnProperty(rightHere )) {
            this.rightHere = this.$store.getters.getObject[rightHere ]
        }
    }
},
  • 0
    это может быть полезно vuejs.org/v2/guide/reactivity.html
  • 0
    где вы декларируете этот ключ?
Показать ещё 9 комментариев
Теги:
vue.js
loops

1 ответ

0

Обычно вы указываете ключ в своем шаблоне. Это зарезервированное слово.

<div v-for='item in items' :key='$store.getters.getKey(item)'>{{item.title}}</div>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню