当前位置: 首页 > news >正文

父传子与子传父步骤

父传子:

问题:父页面中引入子组件

把想要传给子页面的值用在子组件中用  :值=“值”  (用同一个值好区分)来绑定。

在子页面中用props接收

子组件不能改变父组件传过来的值。(传多个页面的时候是,比如父传孙的时候我会在data-return中重新定义一个变量来接收,以便好往下传,绑定值得话,用新定义的值,继续在子组件里绑定就可以了~)

比如:

 往下传值就是 :callbackNa="callbackNa" ,继续在下一个子页面用props接收即可。

子传父:

在子页面中用$emit()通知父组件改变状态,或者说触发事件。

比如:

 画红色方框的意思是:在子页面添加数据已经成功了,用在父页面绑定的值,来通知父页面,你可以进行下一步操作了。

如果有我如下这种需求可以这么做。(之前父页面的子组件里就只有一个方法,为了缩短代码,复用的同一个页面)需求如下:

(这俩按钮均在子页面。暂时保存的时候,不需要弹窗提示;提交的时候,需要弹出来一个提交成功的弹窗;这个提示成功的弹窗写在父页面。子页面这边完成操作就可以通知父页面了。但是如何区分这俩按钮呢,毕竟通知的是同一个组件里的同一个方法。)

解决方案:你可以在父页面引入的子组件中绑定两个变量,这两个变量绑定两个方法,分别进行成功的提示,需要提示弹窗的就让她为ture,不需要的就为false就可以了。子页面接收这两个变量,然后用$emit()通知就可以了。(写法在最上面的那张图已经体现)

 还有就是最好别用我上面变量后面跟着数字的形式来定义变量名。

我可爱的小弹窗如下:

                                     哈哈哈哈~

http://www.lryc.cn/news/19585.html

相关文章:

  • Java concurrency - Task Execution
  • 浅谈BOM
  • 每日学术速递2.24
  • SpringBoot 面试问答总结(VIP典藏版)
  • CSS 定位网页元素【快速掌握知识点】
  • 构建Docker基础镜像(ubuntu20.04+python3.7.1+chrome101+chromedriver101)
  • 最新最全Java面试知识
  • 个人电脑需求严重疲软,联想集团财务前景仍不乐观
  • 软件测试面试在简历上写了“精通”后,拥有工作经验的我被面试官问到窒息...
  • 色环电容读数方法要点总结
  • C++函数新思想和标准的输入和输出
  • 华为OD机试真题Java实现【汽水瓶】真题+解题思路+代码(20222023)
  • WindownsPowershell中的单引号和双引号
  • 【华为OD机试模拟题】用 C++ 实现 - 数组组成的最小数字(2023.Q1)
  • Ae:使用代理
  • OAuth 2.0 认证和攻击面
  • 论文写作模板
  • (五)物质导数与空间时间导数
  • python实战应用讲解-【语法基础篇】流程控制-运算符(附示例代码)
  • MXNet中使用双向循环神经网络BiRNN对文本进行情感分类
  • SpringBoot 整合 MongoDB 6 以上版本副本集及配置 SSL / TLS 协议
  • C语言static关键字
  • 【华为OD机试模拟题】用 C++ 实现 - 单词接龙(2023.Q1)
  • PHP基础(2)
  • Java8(JDK1.8)新特性
  • 【C语言】指针的定义和使用
  • Parameter ‘zpspid‘ not found
  • 23、高自由度下的E类波形理论计算(附Matlab代码)
  • 软件测试:用“bug”来表示“在电脑程序里的错误”
  • Git命令