<template> <div class="mk-drive-page"> <mk-drive :init-folder="folder" @move-root="onMoveRoot" @open-folder="onOpenFolder"/> </div> </template> <script lang="ts"> import Vue from 'vue'; export default Vue.extend({ data() { return { folder: null }; }, created() { this.folder = this.$route.params.folder; }, mounted() { document.title = '%i18n:@title%'; }, methods: { onMoveRoot() { const title = '%i18n:@title%'; // Rewrite URL history.pushState(null, title, '/i/drive'); document.title = title; }, onOpenFolder(folder) { const title = folder.name + ' | %i18n:@title%'; // Rewrite URL history.pushState(null, title, `/i/drive/folder/${folder.id}`); document.title = title; } } }); </script> <style lang="stylus" scoped> .mk-drive-page position fixed width 100% height 100% background #fff > .mk-drive height 100% </style>