vue中router-view之外的组件怎么刷新
在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()方法强制重新渲染组件,从而刷新页面上的标题
原文地址: https://www.cveoy.top/t/topic/hffU 著作权归作者所有。请勿转载和采集!