在Vue中,router-view是用来显示路由对应组件的容器。如果需要刷新router-view之外的组件,可以使用Vue中提供的强制更新方法$forceUpdate()。这个方法会强制重新渲染组件,包括组件内部的所有子组件。可以在需要刷新的组件的methods中调用$forceUpdate()方法。例如:

<template>
  <div>
    <h1>{{title}}</h1>
    <button @click="updateTitle">更新标题</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      title: '初始标题'
    }
  },
  methods: {
    updateTitle () {
      this.title = '新的标题'
      this.$forceUpdate()
    }
  }
}
</script>

在这个例子中,点击按钮后会更新title的值,并调用$forceUpdate()方法强制重新渲染组件,从而刷新页面上的标题

vue中router-view之外的组件怎么刷新

原文地址: https://www.cveoy.top/t/topic/hffU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录