Vue开发踩坑记录01

原创 呵呵弟 随笔 Vue 218阅读 17 天前 举报

1。需求是select 联动,select标签需要做成组件在其他页面中使用,这样就少不了父子组件传值。
父组件

子组件

事实证明 第一次select 选择的时候页面不会打印数据 ,点击查询之后 页面会渲染子组件的数据,但是再次更改的时候页面数据会继续触发$emit,并渲染页面,这并不是想要的结果,必须是点击查询之后才会通知 父组件更新数据。

解决方案:应该是引用传值的问题,把data改成str类型就可以,这样就会避免引用问题。
this.$emit("sendSon",JSON.stringify(this.sendForm) );

评论 ( 1 )
最新评论
呵呵弟 17 天前 1F

页面效果图上传一下