博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中父组件给子组件额外添加参数
阅读量:7235 次
发布时间:2019-06-29

本文共 1190 字,大约阅读时间需要 3 分钟。

1 子组件:

this.$emit('callbackone',item.parentId)

2 父组件:

@callbackone="callbackone($event,index)"

3 父祖件调用方法:

callbackone($event,index){     console.log($event,index);},

父组件使用 $event 来表示子组件传递过来的参数。

 

==============

vue监听数组变化:

handleMyTask(index,idx){            this.taskArr.map((item,index1)=>{                item.jobProgress.map((value,index2)=>{                         if(index1==index && index2==idx){                        value.selectFlag = 'on';                    }else{                        value.selectFlag = '';                    }                })            })            console.log(this.taskArr); },

上述方法 虽然可以改变 taskArr数组 但是vue监听不到,所以要改成下面的方式:

handleMyTask(index,idx){            let newTask = JSON.parse(JSON.stringify(this.taskArr));            newTask.map((item,index1)=>{                item.jobProgress.map((value,index2)=>{                         if(index1==index && index2==idx){                        value.selectFlag = 'on';                    }else{                        value.selectFlag = '';                    }                })            })            this.taskArr = newTask;        },

即给状态值重新赋值;

转载于:https://www.cnblogs.com/xiaozhumaopao/p/10738254.html

你可能感兴趣的文章
各式各样的shift后门
查看>>
js的cookie操作
查看>>
Nginx 域名跳转配置
查看>>
手动分区来安装centos 5
查看>>
ASP.NET MVC扩展库
查看>>
pyodbc简单使用
查看>>
数据库厂商提供的 Providers for ASP.NET
查看>>
memcached演练(5) 内存管理
查看>>
烂泥:Windows server 2008开启远程桌面
查看>>
烂泥:IE10浏览器兼容模式
查看>>
我的家庭私有云计划-21
查看>>
Windows10-加速在企业中的部署
查看>>
综合应用WPF/WCF/WF/LINQ之三十八:实现一个简单的DataGrid之总体介绍
查看>>
Variant类型在各语言中的参数传递
查看>>
Exchange server 2003迁移到2010之升级默认地址簿及地址策略
查看>>
网站及监控利器 Pandora FMS使用体验
查看>>
JDK + Tomcat配置JSP开发环境
查看>>
NOKIA 6600 TIPS
查看>>
Linux/unix主机环回地址的一些功用
查看>>
Xamarin.Forms入门-使用 Xamarin.Forms 来创建跨平台的用户界面
查看>>