Блог

Главная - Вопросы по программированию - Как автоматически отображать модальные данные с помощью VueJS ( Laravel)

Как автоматически отображать модальные данные с помощью VueJS ( Laravel)

#laravel #vue.js

#laravel #vue.js

Вопрос:

В принципе, я хочу, чтобы мой модальный файл на веб-сайте автоматически отображался только с субботы с 06:00 до воскресенья с 06:00.

Как это возможно с помощью vuejs ( laravel)? Возможно ли это, если я добавлю несколько скриптов в vuejs? Если это так, то как? Поскольку у меня с этим проблема, я не могу найти точное решение для меня в Интернете.

Спасибо

Ответ №1:

 <script>
export default {
  data() {
    return {
       showModal: false
    };
  },
  mounted(){
    let currentDate = new Date();
    if ((currentDate.getDay() == 0 amp;amp; currentDate.getHours() < 18 ) 
            || (currentDate.getDay() == 6 amp;amp; currentDate.getHours() > 18)) {
       this.showModal = true
    }
  }
}
</script>

Комментарии:

1. как вызвать скрипт для vue html?

2. @DrewsT оберните код из arman в функцию showModal() , функция должна находиться в methods:{} компоненте vue, пусть она возвращает true с 06.00 субботы до 06.00 воскресенья, затем используйте v-if=»ShowModal()» в компоненте или div, который содержит модальные значения.