手机版

Vue手动刷新组件的方法

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

开发过程中出现了一个问题,就是在我的路由器视图中渲染的组件输入数据后,我在路由视图外点击导航栏中的路由器链接按钮,可以清除路由器视图中的数据,也就是重新渲染组件。虚拟机。$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 ')} }以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:Vue手动刷新组件的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。