1. Сцена
При обработке списков часто возникает необходимость обновить текущую страницу после удаления фрагмента данных или добавления новых данных.
2. Возникшие проблемы
1. Используйте vue-router для перенаправления на текущую страницу, страница не обновляется
2. При использовании window.reload() или router.go(0) для обновления весь браузер перезагружается, мерцает, и опыт не очень хорош.
3. Решение
предоставить/ввести комбинацию
Роль: позволяет компоненту-предку внедрять зависимость во все его потомки, независимо от того, насколько глубоким является уровень компонента, и это всегда будет действовать при установлении восходящих и нисходящих отношений.
App.vue:
Объявите метод reload для управления отображением или скрытием представления маршрутизатора, тем самым контролируя перезагрузку страницы.
tableList.vue:
Добавьте на страницу зависимость перезагрузки, предоставленную компонентом App.vue.После завершения логики (удаление или добавление...) вызовите this.reload() напрямую, чтобы обновить текущую страницу.
4. обеспечить / ввести использование
обеспечить: опция должна быть объектом или функцией, которая возвращает объект. Этот объект содержит свойства, которые можно внедрить в его потомков.
inject: массив строк или объект, ключ которого является именем локальной привязки
намекать:provideа такжеinjectПривязки не реактивны. Это сделано намеренно. Если вы передаете прослушиваемый объект, свойства объекта по-прежнему реагируют.
Выше приведено полное содержание этой статьи, я надеюсь, что она будет полезна всем для обучения, и я надеюсь, что все поддержат Scripting Home.
Статьи, которые могут вас заинтересовать:
- Устранена проблема, связанная с тем, что одиночная страница vue использует страницу проверки активности для возврата и не обновляется.
- Решить проблему, что данные страницы изменения маршрута vue не обновляются
- Vue реализует метод обновления страницы через маршрутизацию
- Решите проблему конфликта после того, как Vue использует mint-ui loadmore для реализации подтягивающей загрузки и вытягивающего обновления, когда страница использует множественную подтягивающую загрузку.
- Vue.js реализует руководство по обновлению текущей страницы.
- О решении проблемы исчезновения vuex данных при обновлении страницы
- Решить проблему, связанную с vue this.$forceUpdate(), обрабатывающей обновление страницы (обновление значения цикла v-for и т. д.).
Исходная ссылка: http://www.cnblogs.com/yinn/p/9056731.html
Поиск общедоступного номера Wechat «Script House», выберите подписку
Вас ждут такие вещи, как программисты, отправка книг и другие активности