Vue js как отправить axios по клику на любое место на странице?

Question

[krispey]

Нужно, что если пользователь кликнул на любое место на странице, сработал axios запрос на php файл. Как сделать чтобы axios отправлял по клику не понял, но сделал только чтобы при загрузке страницы сработал axios. Как сделать чтобы он еще срабатывал и при клике?

data() {
    return {
      info: ''
    }
  },
  mounted() {
      axios
          .get(url + '/lk_src/checkAuth.php')
          .then(response => {
            this.info = response.data;
            console.log(this.info);
            if (this.info == 'NoAuthorization') {
              this.$store.dispatch('auth/logout').catch(()=>{});
              this.$router.push('/login').catch(()=>{});
            }
          })
  },

//тут типо должен быть обработчик клика на странице, но как вызвать axios по нему, так и не понял
document.addEventListener("click", function() {

});

Answer 1

[Алексей Ярков]

Что мешает в mounted вешать обработчик?

Comments

[krispey]

точно, сработало, можете еще подсказать, что можно сделать чтобы заработали функции деавторизации:

mounted() {
    //проверка авторизации при любом действии
    document.addEventListener("click", function() {
      axios
          .get(url + '/lk_src/checkAuth.php')
          .then(response => {
            this.info = response.data;
            console.log(this.info);
            if (this.info == 'NoAuthorization') {
              this.$store.dispatch('auth/logout').catch(()=>{});
              this.$router.push('/login').catch(()=>{});
            }
          })
    });
  },

выдаются вот такие ошибки, если не оборачивать в функцию, то отрабатывает корректно.
Uncaught (in promise) TypeError: Cannot read property 'dispatch' of undefined
App.vue:116 Uncaught (in promise) TypeError: Cannot read property 'push' of undefined

[Алексей Ярков]

krispey, Заменить function на стрелочную

[krispey]

Алексей Ярков, Спасибо, а можно как-то объединить одну функцию, чтоб она срабатывала при загрузке страницы сама, и при каждом клике на странице?
или писать так?

mounted() {
//проверка при загрузке
 axios
          .get(url + '/lk_src/checkAuth.php')
          .then(response => {
            this.info = response.data;
            console.log(this.info);
            if (this.info == 'NoAuthorization') {
              this.$store.dispatch('auth/logout').catch(()=>{});
              this.$router.push('/login').catch(()=>{});
            }
          })
    });
    //проверка авторизации при любом действии
    document.addEventListener("click", () => {
      axios
          .get(url + '/lk_src/checkAuth.php')
          .then(response => {
            this.info = response.data;
            console.log(this.info);
            if (this.info == 'NoAuthorization') {
              this.$store.dispatch('auth/logout').catch(()=>{});
              this.$router.push('/login').catch(()=>{});
            }
          })
    });
  },

[Алексей Ярков]

krispey, Жесть какая )) Ну так вынеси в метод и дёргай его. Это же очевидно.