Vue手动刷新组件的方法

开发过程中出现了一个问题，就是在我的路由器视图中渲染的组件输入数据后，我在路由视图外点击导航栏中的路由器链接按钮，可以清除路由器视图中的数据，也就是重新渲染组件。虚拟机。$forceUpdate()方法使当前组件能够在调用该方法时重新呈现该组件。将key属性添加到router-view标签中，将key绑定值放入状态管理容器中，通过状态管理容器的变化或动作来触发key值的变化，从而达到重新渲染组件的目的。相关实现代码如下

//store/view . jsconst state={ viewid : 1 }；const getter s={ GetViewId : state={ return state . ViewId；}};const突变={ setViewId:(状态，有效负载)={ state.viewId}};const actions={ setViewId:(上下文，有效负载)={ context.commit('setViewId '，有效负载)；}};导出默认值{ namespaced: true，state，getters，突变，actions }；放置路由器视图标签的布局组件

触发viewid刷新路由器视图对应的路由组件，如导航栏组件。

方法： {fresh () {this。$ store . dispatch(' view/set viewid ')} }以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。