广州网站建设支付,忻州网络公司网站建设,广州万网网站,建设企业网站e路护航父传子#xff1a;
问题#xff1a;父页面中引入子组件 把想要传给子页面的值用在子组件中用 #xff1a;值“值” (用同一个值好区分)来绑定。
在子页面中用props接收 子组件不能改变父组件传过来的值。#xff08;传多个页面的时候是#xff0c;比如父传孙的时候我会…父传子
问题父页面中引入子组件 把想要传给子页面的值用在子组件中用 值“值” (用同一个值好区分)来绑定。
在子页面中用props接收 子组件不能改变父组件传过来的值。传多个页面的时候是比如父传孙的时候我会在data-return中重新定义一个变量来接收以便好往下传绑定值得话用新定义的值继续在子组件里绑定就可以了~
比如 往下传值就是 :callbackNacallbackNa 继续在下一个子页面用props接收即可。
子传父
在子页面中用$emit()通知父组件改变状态或者说触发事件。
比如 画红色方框的意思是在子页面添加数据已经成功了用在父页面绑定的值来通知父页面你可以进行下一步操作了。
如果有我如下这种需求可以这么做。之前父页面的子组件里就只有一个方法为了缩短代码复用的同一个页面需求如下
这俩按钮均在子页面。暂时保存的时候不需要弹窗提示提交的时候需要弹出来一个提交成功的弹窗这个提示成功的弹窗写在父页面。子页面这边完成操作就可以通知父页面了。但是如何区分这俩按钮呢毕竟通知的是同一个组件里的同一个方法。
解决方案你可以在父页面引入的子组件中绑定两个变量这两个变量绑定两个方法分别进行成功的提示需要提示弹窗的就让她为ture不需要的就为false就可以了。子页面接收这两个变量然后用$emit()通知就可以了。写法在最上面的那张图已经体现 还有就是最好别用我上面变量后面跟着数字的形式来定义变量名。 我可爱的小弹窗如下 哈哈哈哈~
