Почему не присваивается значение к нужному свойству?

Loli E1ON, Я решил пойти другим путем.

import { Howl } from 'howler'
import { PlayIcon } from 'vue-feather-icons'

export default {
  props: {
    audio: Object
  },
  data () {
    return {
      isTargeted: null,
      isPulse: null
    }
  },
  components: {
    PlayIcon
  },
  computed: {
    loading () {
      return this.$store.getters.loading
    }
  },
  methods: {
    startAudio (audio) {
      const audioTrack = new Howl({
        xhr: { method: 'POST' },
        src: [audio.audio]
      })

      if (this.isTargeted === null) {
        this.isTargeted = audio.id

        audioTrack.play()

        audioTrack.on('play', function () {
          this.isPulse = audio.id
          console.log(this.isPulse)
        })

        audioTrack.on('end', function () {
          console.log('Finish!')
        })
      } else {
        audioTrack.pause()
        this.isTargeted = null
      }
    }
  }
}

Все отлично присваивается, но когда вставляю в html значение, оно выдает null

<template>
<div class="container">
<button v-on:click="startAudio(audio)"></button>
<div v-show="isPulse === audio.id" class="pulse"></div>
</div>
</template>

Почему не присваивается значение к нужному свойству?

Проверил, и все отрабатывает идеально.

startAudio (audio) {
      const audioTrack = new Howl({
        xhr: { method: 'POST' },
        src: [audio.audio],
        onplay () {
          console.log('Start!')  // Тут проверял
        },
        onend () {
          this.isTargeted = null
        }
      })

      if (this.isTargeted === null) {
        this.isTargeted = audio.id
        audioTrack.play()
      } else {
        audioTrack.pause()
        this.isTargeted = null
      }
    }

Как отключить историю скролла в vuejs?

спасибо, то что нужно

Почему не работает audioTrack.pause() в vuejs?

0xD34F, понял, спасибо

Почему не работает audioTrack.pause() в vuejs?

0xD34F, присваиваю this.isTargeted = true.

Почему не работает audioTrack.pause() в vuejs?

а как это можно реализовать?

Как получить данные при axios запросе в Vue.js?

segio_tt, спасибо, обязательно учту

Как получить данные при axios запросе в Vue.js?

Андрей, хорошо, большое спасибо за помощь, успехов вам)

Как получить данные при axios запросе в Vue.js?

Андрей, смотрите я обрабатываю все ошибки путем перехвата:

API.interceptors.response.use(
  response => {
    if (response.data instanceof Blob) {
      return response.data;
    }
    return response.data.data || {};
  },
  error => {
    if (error.response) {
      Vue.prototype.$buefy.toast.open({
        message: error.response.data.message || "Something went wrong",
        type: "is-danger"
      });
    } else {
      Vue.prototype.$buefy.toast.open({
        message: "Unable to connect to server",
        type: "is-danger"
      });
    }
    return Promise.reject(error);
  }
)

Я могу выбросить: catch (error) { }?

Как получить данные при axios запросе в Vue.js?

Сделал как вы написали, но вот незадача, опять ошибка

async login ({commit}, user) {
      return new Promise((resolve, reject) => {
        commit('clearError')
        commit('setLoading', true)

        const results = await this.$http.get('oauth.login', { params: user })
        console.log(results.data)
      })
    }

Как получить данные при axios запросе в Vue.js?

origami1024, нет, но сейчас поправлю

Неизвестная ошибка: Cannot read property 'get' of undefined?

loonny, ошибка не у меня а на стороне бэкенда =) Все исправил, спасибо

Неизвестная ошибка: Cannot read property 'get' of undefined?

loonny, ну я исправлю =)

Неизвестная ошибка: Cannot read property 'get' of undefined?

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

Multi toggle для VUE?

bubaley, спасибо большое, очень помогли.

Multi toggle для VUE?

Мне нужно это для того чтобы сразу использовать несколько модальных окон в одном компоненте. Спасибо за помощь но это не то

Модальное окно в VUE.JS?

modalTrigger: function () {
      if (this.isTrigger === false) {
        this.isTrigger = true
      } else {
        this.isTrigger = false
      }
    },

Модальное окно в VUE.JS?

я так и сделал, но проблема в том что если я кливаю на любой элемент страницы то оно не закрывается.

Модальное окно в VUE.JS?

Я хотел его использовать, но у меня уже готовый шаблон, я накинул на vue, настроил роутер. Но мне нужно сделать механизм где будет при нажатии на кнопку добавляться класс"is-active" в div элемент. И чтобы я не плодил код нужно как то это сократить ....

Проверка на авторизацию в vuejs?

Дмитрий Быстров,

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (localStorage.getItem('access_token') == null) {
      next({ name: 'Login' })
    } else {
      if (Store.getters.isLoggedIn) {
        next()
        return
      }
      next({ name: 'Feed' })
    }
  } else if (to.matched.some(record => record.meta.guest)) {
    if (localStorage.getItem('access_token') == null) {
      next()
    } else {
      next({ name: 'Feed' })
    }
  } else {
    next()
  }
})