Вью. Как проложить маршрут на текущей странице
Это выполнимо , если экземпляр DataTable хранится в доступной переменной. Пример: если этот «другой JS» передал экземпляр глобальной переменной, называемой table, вы можете
new $.fn.dataTable.RowReorder( table, {} );
{} - листинг объекта литерала для rowReorder, передавая пустой литерал так же, как rowReorder: true.
1 ответ
Не перезагружайте страницу, если это не нужно.
this.$route.query может быть таким же реактивным, как и другие ваши данные, поэтому используйте этот факт.
export default {
name: 'Users',
watch: {
'$route.query': {
immediate: true,
deep: true,
handler (queryParams) {
this[GET_USERS_FROM_SERVER](queryParams)
}
}
},
methods: {
...mapActions([GET_USERS_FROM_SERVER]),
onBtnFilterClick () {
this.$route.push('/users?minAge=20&name=alex&withPhoto=true')
}
}
}
Когда вы смотрите изменения $route.query, вы звоните this[GET_USERS_FROM_SERVER] всякий раз, когда они меняются. Я подозреваю, что это изменяет данные в вашем компоненте. Я установил флаг immediate, чтобы он запускался при создании компонента. Я установил флаг deep, потому что это объект, и я не совсем уверен, заменяется ли объект запроса при каждом изменении маршрута или просто изменяется. Глубокий флаг гарантирует, что он всегда будет вызывать обработчик.