Vue js, как мне динамически обновлять содержимое на основе параметров url?

#javascript #vue.js #frameworks #router

#javascript #vue.js #фреймворки #маршрутизатор

Вопрос:

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

Мой скрипт выглядит следующим образом

 <script>
import axios from "axios";
export default {
  data() {
    return {
 items: [],
    };
  },
  async created() {
    const response = await axios.get("http://localhost/test/records/" this.$route.params.dates "/" this.$route.params.datee);
    this.items = response.data.data;
  },
};
</script>
  

параметры this.$route.params.dates и this.$route.params.datee — это даты, которые позволяют мне извлекать данные между этими двумя значениями.

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

1. Использование наблюдателя $route — это именно то, как решить проблему, почему вы не хотите этого делать?