当前位置:首页 > 日记 > 正文

详细介绍了如何在vuex监听组件

详细介绍了如何在vuex监听组件
前言

我不知道你有没有遇到过这样的情况。在vuex国家将使用的部件之一,而这一状态的初始化是通过异步加载完成。在渲染过程中的组件的状态是空的,也就是说,该组件已经完成渲染之前的异步完成,导致组件的数据不正确地呈现。

问题示例

例子如下:
/ / topo.vue
创建(){
This.getUserAndSysIcons();
},
方法:{
GetUserAndSysIcons(){
常量=;
用户图标
(iconapi。getusericons)。然后(反应= > {
自美元。store.dispatch('setusericons,响应数据);
});
}
}
当创建或安装完成后在topo.vue,getuserandsysicons()的异步调用初始化usericons促进这个数据在其他组件的使用。
/ / modifyhost.vue
挂载(){
this.usericons =这。store.state.topo.usericons美元; / /用户图标
}
modifyhost.vue渲染数据,你需要使用usericons,modifyhost.vue组件安装时完成,这usericons数据尚未初始化。原因modifyhost.vue渲染是空的。
反射

这个想法是,当usericons完成异步topo.vue,然后在modifyhost.vue组件的usericons初始化。这会自动改变渲染。所以,你怎么知道当异步完成吗

所以我认为一个好的事情,Vue,看监控,监控在一定数量的数据的变化。我们都知道这是很容易改变,本地数据监测模块。那么,你如何监控状态的变化吗因此,计算的计算属性被使用。具体操作如下:

解决

编写一个计算性能计算,getusericons,返回在国家管理的usericons。然后在看监控计算属性的变化和重新分配usericons在modifyhost.vue。
计算机:{
GetUserIcons(){
这store.state.topo.usericons美元收益;
}
},
表:{
GetUserIcons(Val){
this.usericons = val;
}
}
最终效果
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

PS如何给照片添加蓝天白云

PS如何给照片添加蓝天白云

照片,蓝天,电脑软件,PS,白云,拍照时,由于光线等原因,天空呈白色或灰色。PS可以给这些照片加上蓝天白云,让我们向小编辑学习。 PS教程,有蓝天白云的图片 1、运行PS软件(以CS3版本为例),打开照片进行修改,然后打开一张天空和白云,让背景层,如下图所示…

Excel2007中如何设置行高度厘米

Excel2007中如何设置行高度厘米

行高,如何设置,电脑软件,如何在excel中设置行的高度,以及如何根据厘米单位设置行高度接下来,萧边将立即Excel2007设置行高厘米单位按照教程告诉你。我希望阅读本教程的朋友可以学习Excel并应用它。 路和集按照厘米高 1:首先,通过启动菜单,选择…

如何添加五笔输入法(溶液)在赢10

如何添加五笔输入法(溶液)在赢10

溶液,五笔输入法,电脑软件,现在,Windows 10是一种技术预览,一些第三方输入法可能有这样的问题。事实上,Windows 10带来了通常的拼音和五笔输入法,默认的是微软拼音输入法,而想使用五种输入法的朋友可以用下面的方法引用。 打开控制面板-> 区域…

在Win7安装/添加打印机的方法(图解)

在Win7安装/添加打印机的方法(图解)

方法,安装,电脑软件,在计算机配备Win7,添加/安装打印机,请参考下面的方法: 1、先点击屏幕左下角的Windows按钮,选择设备和打印机进入设置页面。注意:它也可以通过控制面板、介质、硬件和声音在设备中、设备和打印机上输入; 3、选择添加本地打印…

QQ空间日志谈谈如何向微信的朋友圈

QQ空间日志谈谈如何向微信的朋友圈

空间,日志,朋友圈,电脑软件,QQ,有些朋友想QQ空间日志转发给朋友,谈论WeChat,见朋友。所以它应该如何被转发然后跟着小编辑器去看QQ空间日志,并向朋友圈讲述前进的步骤,欢迎大家阅读! 关于步骤QQ空间日志和微信转发到朋友圈 1。在我的设置-通用…

PS是如何做一个拿铁咖啡猫头像的

PS是如何做一个拿铁咖啡猫头像的

拿铁咖啡,头像,如何做一个,电脑软件,PS,摩卡咖啡怎么做猫头设计让我们来看看详细的教程。 软件名称:Adobe PS图象处理软件7.01官方简体中文版软件大小:154mb更新时间:2013-04-19 对比度1和Ctrl + I 2、关闭背景层,编辑菜单rarr;定义画笔预设 3…

Oracle用参数创建对视图代码的介绍

Oracle用参数创建对视图代码的介绍

参数,视图,代码,电脑软件,Oracle,在Oracle中,视图不像存储过程和函数,输入参数可以被定义,但是我们可以改变方式并使用包来实现它。 首先定义包: *根据你的需求定义,我定义了三个参数,对我的项目计划的需要,所以三个参数是数字,当然,其他类型可以定…

VisualStudio2017无法加载VisualSt

VisualStudio2017无法加载VisualSt

解决方案,无法加载,电脑软件,SharePoint,几天前,安装了最新的Visual Studio 2017企业版,结果发现Visual Studio 2015创建的SharePoint 2016解决方案在打开之前无法打开。这表明它需要更新。 解决方案如下: 正确的编辑。Csproj,修改minimumoffi…

PS把叔叔的照片转为Q。

PS把叔叔的照片转为Q。

照片,叔叔,电脑软件,PS,Q的生产需要一定基础绘画。当处理背景,首先改变背景的人物,然后扩大头使用液化工具创建的变形处理,你可以找到一些好的漫画作品的参考;再细化和衣服的面部特征,和头发的对比主要增强。让我们从小学习编辑器。 ps教程的图…

PPT2007幻灯片背景音乐如何设置循

PPT2007幻灯片背景音乐如何设置循

循环播放,幻灯片,背景音乐,如何设置,电脑软件,PPT2007幻灯片背景音乐如何才能设置循环满足毕业的气氛,添加背景音乐,是美好的,但在切换完成播放幻灯片或幻灯片,音乐就会停止,在热闹的气氛中认为,音乐停止突然安静了,很是尴尬。下面的小编辑教你如…

CDR表是如何对CDR调整表进行指导的

CDR表是如何对CDR调整表进行指导的

调整,电脑软件,CDR,用CorelDRAW制作表格图片很方便。让我们来看看教程。 软件名称:CorelDRAW X4简体中文安装版的正式版版本(注册编号)软件大小:97mb更新时间:2016-05-16 1。创建表格,双击表单,输入文本信息内容 2。选择表的单元格,右键选择属性,…

Oracle数据库忘记sys和系统管理员

Oracle数据库忘记sys和系统管理员

密码重置,数据库,系统管理员,操作方法,电脑软件,首先打开CMD执行 orapwd文件= C:程序 pwdorcl.ora密码= orclorcl C:程序 pwdorcl.ora是你想保存文件的路径 密码= orclorcl是你想要改变的密码 然后回到车上,和一个文件将这个路径下产生的。用…