利用vuex怎么对状态进行监听 - 行业资讯 - 肥雀云

　　介绍

利用vuex怎么对状态进行监听?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<强>问题举例

举例说明如下:

//, topo.vue 　　创建(),{ 　　this.getUserAndSysIcons才能(); 　　}, 　　方法:,{ 　　getUserAndSysIcons才能(),{ 　　,,,const self =,; 　　,,,//,用户图标　　,,,iconApi.getUserIcons(),然后(response =祝辞,{ 　　,,,的自我。美元store.dispatch (& # 39; setUserIcons& # 39;,, response.data); 　　,,,}); 　　,,} 　　}

在威尼斯平底渔船。vue中创建或者安装完成的时候调用getUserAndSysIcons()异步初始化userIcons,方便在其他组件中使用这个数据。

//, modifyhost.vue 　　安装(),{ 　　this.userIcons =,才能这样。store.state.topo.userIcons美元;,//,用户图标　　}

在modifyhost.vue中渲染数据是,需要使用userIcons。在modifyhost.vue组件安装完成的时候,userIcons数据还没有被初始化。导致modifyhost.vue渲染为空。

<强>思考

想的是,当topo.vue中异步获取userIcons完成的时候,再去将modifyhost.vue组件中的userIcons初始化。这样就会自动改变完成渲染。那么怎么知道异步什么时候完成呢?

于是就想到vue一了个好东西监看听,监听某一个数据的变化。我们都知道是,很容易监听组件中局部数据的变化,那么,这里怎么去监听中状态的变化呢?于是有利用了计算计算属性。具体操作如下:

<强>解决

在计算中写一个计算属性getUserIcons,返回状态管理中的userIcons。然后在观看中监听这个计算属性的变化,对modifyhost。vue中的userIcons重新赋值。

计算:,{ 　　getUserIcons才能(),{ 　　,,,return 这个。store.state.topo.userIcons美元; 　　,,} 　　}, 　　看:{ 　　getUserIcons才能(val), { 　　,,,this.userIcons =, val; 　　,,} 　　}

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。