Исправил полную перезагрузку страницы при выборе любого элемента

This commit is contained in:
saber-nyan 2019-05-06 17:59:16 +03:00
parent a37457a08f
commit b1401579f9
No known key found for this signature in database
GPG Key ID: 7B069E9C295E6B4A
5 changed files with 21 additions and 4 deletions

View File

@ -1,6 +1,6 @@
<template>
<div id="app">
<router-view :key="$route.path"></router-view>
<router-view></router-view>
</div>
</template>

View File

@ -5,7 +5,7 @@
:id="packet.id"
:content="packet.content"
:timestamp="packet.timestamp"></Packet>
<infinite-loading @infinite="infiniteHandler"></infinite-loading>
<infinite-loading @infinite="infiniteHandler" ref="infiniteLoading"></infinite-loading>
</main>
</template>
@ -38,6 +38,13 @@ export default {
],
}
},
watch: {
'streamId': function (streamId) {
console.debug('Content.vue: streamId changed! new:', streamId);
this.packets = [];
this.$refs.infiniteLoading.stateChanger.reset();
},
},
methods: {
infiniteHandler($state) {
if (!this.streamId) return $state.complete();

View File

@ -8,7 +8,7 @@
:id="stream.id"
:servicePort="stream.service.port"
:time="stream.startTimestamp"></Stream>
<infinite-loading @infinite="infiniteHandler"></infinite-loading>
<infinite-loading @infinite="infiniteHandler" ref="infiniteLoading"></infinite-loading>
</ul>
</div>
</nav>
@ -32,6 +32,13 @@ export default {
],
}
},
watch: {
'servicePort': function (servicePort) {
console.debug('Sidebar.vue: port changed! new:', servicePort);
this.streams = [];
this.$refs.infiniteLoading.stateChanger.reset();
},
},
methods: {
infiniteHandler($state) {
console.debug('getting next portion of streams...');

View File

@ -23,7 +23,7 @@ import SettingsModal from "@/components/SettingsModal.vue";
import Navbar from "@/components/Navbar.vue";
import Sidebar from "@/components/Sidebar.vue";
import Content from "@/components/Content.vue";
import AddServiceModal from "../components/AddServiceModal";
import AddServiceModal from "@/components/AddServiceModal.vue";
export default {
name: 'Home',

3
vue.config.js Normal file
View File

@ -0,0 +1,3 @@
module.exports = {
publicPath: 'packmate-frontend',
};