Всем доброй ночи! Может кто сможет мне помочь, был бы очень благодарен.
В компоненте возникает ошибка, точнее странное поведение.
Написал два простых компонента, в первом получаю список card’s объектов, у каждого объекта есть countdown (взял готовый «vuejs-countdown») для примера такой кусок кода
….
export default {
components: { Countdown },
data: () => ({
items: []
}),
created () {
axios.get('/api/items’)
.then(response => {
this.items =
response.data })
}
}
….
и уже позже отрисовываю в
<v-card class="ma-3" v-for="item in items" :key="
item.id»>
…
внутри есть компонент
<Countdown :deadline="item.end_time"></Countdown>
</v-card>
где end_time == "2017-12-01T02:27:44+03:00"
Вроде все нормально работает, в каждом card работает таймер.
Но при реализации второго компонента, который является detail page тех объектов которые были в первом компоненте, т.е общая информация об объекте (title, description и т.п.). Так вот там тоже присутсвует <Countdown :deadline="item.end_time"></Countdown> и он просто не работает, хотя время end_time такого же формата, в {{item. end_time}} отображает нормально, а если передать в :deadline="item.end_time" , то время показывается как NaN NaN NaN NaN.
<script>
import Countdown from 'vuejs-countdown'
import axios from 'axios'
export default {
components: { Countdown },
data: () => ({
item: {},
created () {
axios.get('/api/items/‘ + this.$
route.params.id)
.then(response => {
this.item =
response.data })
}
}
</script>
Может ли created hook воздействовать как-то на контекст?