vue项目中做编辑功能传递数据时遇到问题的解决方法

vue项目中做编辑功能传递数据时遇到问题的解决方法

在项目中完成编辑功能时，遇到了这样一个问题：编辑的功能使用的是一个子组件作为弹出框，如图

这里涉及到从父组件向子组件传递数据的问题，这个项目使用的是v1.0，问题是当点击了编辑以后，弹出的子组件中没有获取到父组件传过来的数据，检查后没有发现代码错误，最后解决的方法就是在父组件中，把传递的数据中的每一项都初始化了一遍就好了

creatIssue (type,list,id){

this.modelIssue=true;

this.modeltype=type;

if(type=='creat'){

this.listdb.executorName='';

this.listdb.executorId='';

this.listdb.state='';

this.listdb.ProjVerId='';

this.listdb.content='';

this.issueTitle="创建问题至";

}else if(type=='NByKIeiimedit'){

this.listdb={...list}; // 解构数据,只用list的数值，不用list的地址

this.editId=id;

this.issueTitle="编辑问题";

}

},

这是点击编辑时执行的方法，下面是向子组件传递的数据

listdb:{

executorName:'',

executorId:'',

state:'',

ProjVerId:'',

content:''

},

开始的时候，只是定义了一个空的数据像这样：

listdb:{},

这种情况下就不会向子组件传递数据，当把要传递的每一项内容都定义了一遍以后就好了，像上面的那种写法。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。