Vue.js

问题 I am basically trying to have the exact same routing behaviour on my site as here: https://router.vuejs.org/guide/#html. Notice when you scroll down the link changes to https://router.vuejs.org/guide/#javascript. Scroll back up and it is vice versa. When reloading the page your position gets saved. I added the following scroll behavior to my router: scrollBehavior(to, from, savedPosition) { if (to.hash) { return { selector: to.hash } } else if (savedPosition) { return savedPosition; } else {

问题 I am basically trying to have the exact same routing behaviour on my site as here: https://router.vuejs.org/guide/#html. Notice when you scroll down the link changes to https://router.vuejs.org/guide/#javascript. Scroll back up and it is vice versa. When reloading the page your position gets saved. I added the following scroll behavior to my router: scrollBehavior(to, from, savedPosition) { if (to.hash) { return { selector: to.hash } } else if (savedPosition) { return savedPosition; } else {

问题 I am basically trying to have the exact same routing behaviour on my site as here: https://router.vuejs.org/guide/#html. Notice when you scroll down the link changes to https://router.vuejs.org/guide/#javascript. Scroll back up and it is vice versa. When reloading the page your position gets saved. I added the following scroll behavior to my router: scrollBehavior(to, from, savedPosition) { if (to.hash) { return { selector: to.hash } } else if (savedPosition) { return savedPosition; } else {

问题 I am basically trying to have the exact same routing behaviour on my site as here: https://router.vuejs.org/guide/#html. Notice when you scroll down the link changes to https://router.vuejs.org/guide/#javascript. Scroll back up and it is vice versa. When reloading the page your position gets saved. I added the following scroll behavior to my router: scrollBehavior(to, from, savedPosition) { if (to.hash) { return { selector: to.hash } } else if (savedPosition) { return savedPosition; } else {

问题 I have a Navigation Drawer which does not push content to the side on moving it from mini.variant to opened . <v-navigation-drawer class="chatbar--gradient" app right :mini-variant.sync="closed" mini-variant-width="70" width="250px" ></v-navigation-drawer> App.vue : <v-app dark> <app-navbar></app-navbar> <navigation-bar></navigation-bar> <v-slide-y-transition> <chat-sidebar></chat-sidebar>** <!-- THIS IS THE MODAL FROM ABOVE --> ** </v-slide-y-transition> <v-content> <keep-alive> <transition

问题 I have a Navigation Drawer which does not push content to the side on moving it from mini.variant to opened . <v-navigation-drawer class="chatbar--gradient" app right :mini-variant.sync="closed" mini-variant-width="70" width="250px" ></v-navigation-drawer> App.vue : <v-app dark> <app-navbar></app-navbar> <navigation-bar></navigation-bar> <v-slide-y-transition> <chat-sidebar></chat-sidebar>** <!-- THIS IS THE MODAL FROM ABOVE --> ** </v-slide-y-transition> <v-content> <keep-alive> <transition

问题 I have a Navigation Drawer which does not push content to the side on moving it from mini.variant to opened . <v-navigation-drawer class="chatbar--gradient" app right :mini-variant.sync="closed" mini-variant-width="70" width="250px" ></v-navigation-drawer> App.vue : <v-app dark> <app-navbar></app-navbar> <navigation-bar></navigation-bar> <v-slide-y-transition> <chat-sidebar></chat-sidebar>** <!-- THIS IS THE MODAL FROM ABOVE --> ** </v-slide-y-transition> <v-content> <keep-alive> <transition

问题 So, this my Api Service Component, I'm using Axios: import api from './Api.vue'; export default { name: 'app-feed-service', methods: { getPosts() { return api.get('posts/'); } } } and some feed component import AppSinglePost from './../Feed/Post.vue'; import AppFeedService from './../../api/Feed.vue'; export default { name: 'app-posts', components: { AppSinglePost }, data() { return { posts: [] } }, created() { AppFeedService.getPosts().then((res) => { console.log(res); }); } } and now the

问题 So, this my Api Service Component, I'm using Axios: import api from './Api.vue'; export default { name: 'app-feed-service', methods: { getPosts() { return api.get('posts/'); } } } and some feed component import AppSinglePost from './../Feed/Post.vue'; import AppFeedService from './../../api/Feed.vue'; export default { name: 'app-posts', components: { AppSinglePost }, data() { return { posts: [] } }, created() { AppFeedService.getPosts().then((res) => { console.log(res); }); } } and now the

问题 A quote from the vue official documentation states that $refs...are not reactive. However, I have used such refs in templates and they are indeed reactive, and even in methods, computed props, and watchers (as long as you access it after being mounted). Several third party vue libraries e.g. this one also provides features that use/depend on the reactivity of refs. Can someone please clarify what the official doc meant by refs not being reactive please? 回答1: You are misunderstanding what it