Всем привет. Помогите с clearInterval methods: { nextSlide: function () { this.currentIndex === this.sliderList.length - 1 ? this.currentIndex = 0 : this.currentIndex += 1; clearInterval(timer) }, prevSlide: function () { this.currentIndex === 0 ? this.currentIndex = this.sliderList.length - 1 : this.currentIndex -= 1; clearInterval(timer) }, startSlider: function () { timer = setInterval(() => { this.nextSlide(); }, 6000) } }, mounted () { this.startSlider(); } Не могу понять, как правильно его обнулять при переключении слайдов

timer в дату вынеси

и this.timer = setInterav..

ага, можно даже в дату не выносить просто в this записывать

не думаю, что нужна реактивность на id таймера

Всем привет. Помогите с clearInterval methods: { nextSlide: function () { this.currentIndex === this.sliderList.length - 1 ? this.currentIndex = 0 : this.currentIndex += 1; clearInterval(timer) }, prevSlide: function () { this.currentIndex === 0 ? this.currentIndex = this.sliderList.length - 1 : this.currentIndex -= 1; clearInterval(timer) }, startSlider: function () { timer = setInterval(() => { this.nextSlide(); }, 6000) } }, mounted () { this.startSlider(); } Не могу понять, как правильно его обнулять при переключении слайдов

у тебя по логике при старте запускает слайдер, но когда переключат слайдер ты обнуляешь его, но новый не создаешь таймер

который потом сам переключит слайд

у тебя по логике при старте запускает слайдер, но когда переключат слайдер ты обнуляешь его, но новый не создаешь таймер

амм. так я же обнуляю, а не выключаю его

в c# тоже просто - поставил visual studio, нажал f5 и все работает. в отличии от java где первую неделю будешь устанавливать всякие серверы, настройки

Я когда выбирал игрался с Razor ASP.NET. не зашло. По уровню не сильно лучше Thymeleaf Java. Лучше на клиенте рендерить. Выбрал Angular.js для шаблонов. Это был 2014 начало.

амм. так я же обнуляю, а не выключаю его

ну? ты его стер и все

больше интервала нет

ок пошел перечитывать доку

какую бля доку

clearInterval?

ты будешь читать, что делает clearInterval?)

Ребят, есть список статтей, Я прохожусь по каждоый цыклом и отрисовываю блоки, мне необходимо в каждом блоке написать случайное число в заданном диапазоне, для этого написал метод, но как его на каждой итерации вызвать в нужном месте?

Ребят, есть список статтей, Я прохожусь по каждоый цыклом и отрисовываю блоки, мне необходимо в каждом блоке написать случайное число в заданном диапазоне, для этого написал метод, но как его на каждой итерации вызвать в нужном месте?

вызывать его в нужном месте, лол

кто-нибудь сталкивался с такой проблемой?

вызывать его в нужном месте, лол

Типа ...... {{ func() }}

?

Типа ...... {{ func() }}

да

ты будешь читать, что делает clearInterval?)

я почему то думал, что он сбрасывает время на ноль, и работает дальше просто обнуляет текущий интервал

какой проблемой, ты уже целый день пишешь о проблемах

да

Спасибо

какой проблемой, ты уже целый день пишешь о проблемах

вот же https://t.me/vuejs_ru/366609

Еще такой момент, у меня есть JSON. Он имеет большую вложенность Все нормально работает, кроме одного случая: я хочу получить значение, обращаюсь вот так: place.logo.images[0].name Пишет ошибку ((( Если вывести значение масива - place.logo.images[0], то там хранится JSON с полями "id", "name", "url" В чем может быть проблема?

какую ошибку пишет?

[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"

[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"

в момент обращения данных нет

Тоесть, я вывожу place.logo.images[0] Получаю: full_path:"http://localhost/storage/ed76de14-f31b-30e1-a143-13f455b6957d/ea6418d2-6f3c-4f65-a3a6-6a7e60bb87a8/192.jpg" id:1 name:"192" , но если доступаюсь к place.logo.images[0].name то ошибка....

и this.timer = setInterav..

Спасибо!

в момент обращения данных нет

А как такое может быть? Если я вывожу его, и там все есть

ты json как получаешь?

А как такое может быть? Если я вывожу его, и там все есть

дык и )?

ты json как получаешь?

fetch('api/places').then(res => res.json()).then(res => { this.places = res.data; console.log(res.data) })

у тебя рендер идёт до того как появляется жсон

сделай по умолчанию пустоту

либо рендер после жсон

не надо ничего рендерить если нет данных

ещё вариант напиши в родительском блоке vif places.lenght например

в общем vue само написало что не так ) дальше думай как лучше

не надо ничего рендерить если нет данных

Я на каждой итерации вывожу {{ place.logo.images[0] }} Тут все норм, оно выводит список свойств и их значений, они там есть

Я на каждой итерации вывожу {{ place.logo.images[0] }} Тут все норм, оно выводит список свойств и их значений, они там есть

у тебя данные асинхронно получаются

а первый тик рендера происходит когда их еще нет

ничего не смущает?

не надо ничего рендерить если нет данных

Есть какойто способ дождаться пока точно все данные подгрузятся?

v-if на корневой ноде

где данные выводишь

ничего не смущает?

Я инициализирую данные при created, это все равно не то?

в 12 ночи мне уже не хочется обьяснять это все(

это же блин просто логика

не какие то особенности фреймворка

Я инициализирую данные при created, это все равно не то?

Про асинхронный код почитать надо тебе внимательно.

v-if на корневой ноде

Помогло, спасибо большое

да не надо тут читать ничего

это тупо логика

Про асинхронный код почитать надо тебе внимательно.

Хорошо, спасибо за совет

если данных нет - нечего рендерить

ERROR: S client not available

и идет вложенное обращение к обьекту - которого еще не существует

Подскажите как лучше

Есть компонент большой.. в него ставлю объект в пропс.. потом обновляю пропс.... Но бывает такое, что этого объекта для пропса у меня нет...

Как норм тут поступить, чтобы не было ошибок в консоли и без тестовых данных (дефолтных в компоненте)

:prop="smth || 'дефолтный проп'"

ну это понятно

по другому наверное никак

лучше тогда я внутри компонента сделаю testData и передам в props

ну или при инициализации default: () => {},

лучше тогда я внутри компонента сделаю testData и передам в props

Сделай просто v-if на корневой элемент, чтобы не рендерился без пропсов

Сделай просто v-if на корневой элемент, чтобы не рендерился без пропсов

ну да можно - норм , спасибо

не подскажете?

- сгкк + зкум

- curr + prev

Неа -curr + prev

Или просто prev - curr

Или просто prev - curr

спасибо

что я делаю не так? при клике на любой из пунктов меню все сбивается

нужно что бы показывало sign In если не авторизирован и скрывало пункт из меню. но при клике на любой из пунктов все сбивается…и ненужное появляется

это в nuxt

вопрос... почему анимация не хочет работать

<transition name="slide-next" mode="out-in"> ... стили и код такой же как в другом проекте - в том все ок) не могу разницу заметить уже ...

<transition name="slide-next" mode="out-in"> ... стили и код такой же как в другом проекте - в том все ок) не могу разницу заметить уже ...

If или подобное стоит?

if да внутри transition

v-if