//子組件一定要有name值 <template><div><ul><li @click="aaa(i)" v-for="(v, i) in nav" :key="i">{{ v }}</li><components :is="active"></components></ul></div> </template><script> import One from './One' import Two from './Two' import Three from './Three' export default {mounted() {let str = window.location.hashthis.active = str.replace('#', '')},data() {return {nav: ['one', 'two', 'three'],list: [One.name, Two.name, Three.name],active: 'One',}},components: {One,Two,Three,},methods: {aaa(i) {this.active = this.list[i]window.location.hash = this.list[i]},}, } </script>

?

總結

以上是生活随笔為你收集整理的vue 利用hash值实现刷新无跳转页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。