Как сделать setTimeout для одного блока?

Question

[asferot]

Как сделать setTimeout для одного блока? Есть блок

tbody
            tr(v-for="zayavka in filterZayavka" :key="zayavka.id")
              td.block-data
                span.data {{zayavka.add_time | change_time}}
              td.block-filial
                span.filial {{zayavka.Filial}}
              td.block-manager
                span.manager {{zayavka.Manager}}

И его нужно обновлять в реальном времени. Как это можно сделать?
Попробовал так, но кажется это не верно

computed:{
    ...mapState(['zayavkas']),
    filterZayavka () {
      return this.$store.getters.filterZayavkas
   },
},
methods:{
    callFunction() {
            setTimeout(function () {
                this.filterZayavka
            }, 3000);
      }
},
mounted(){
    this.$store.dispatch('loadZayavka'),
    this.callFunction()
},

Answer 1

[Александр Дроздов]

Мне кажется ты не понял суть реактивности)
Не надо таймауты вешать, стор обновился - данные обновились в блоке.
Если надо чтобы данные появились через 3сек, то и засетить их надо через 3сек в стор.

Comments

[asferot]

Как это можно сделать?

[Александр Дроздов]

mounted(){
   setTimeout(function () {
       this.$store.dispatch('loadZayavka')
   }, 3000)
},

[asferot]

Александр Дроздов, через 3 сек - Cannot read property 'dispatch' of undefined

[Александр Дроздов]

asferot, ошибочка да, нужно внутрь функции передать внешний scope, или сделать так

mounted(){
   setTimeout(() => {
       this.$store.dispatch('loadZayavka')
   }, 3000)
},