美文网首页
vue的父子组件之间的交互

vue的父子组件之间的交互

作者: 尘埃里的玄 | 来源:发表于2021-04-09 17:06 被阅读0次

1 父组件往子组件中传值:

父组件代码

1: [图片上传中...(image.png-fc03fe-1617958642672-0)]
2:
image.png

子组件:


image.png
放到props数组中
tips:1:html的template中是可以直接使用这个变量值的,但是js代码想使用必须获得 image.png

因为作者用的是ts,所以用get方法拿到值,注意get后的变量名不要和props里的变量名取的一样。

2 子组件往父组件传事件

父组件:


image.png image.png
子组件:
image.png
代码为ts语法
参考网址:https://cloud.tencent.com/developer/article/1327899

相关文章

  • Vue重要知识小结

    vue sync修饰(1)双向数据绑定,父子组件之间信息的交互1⃣️在自组件中使用this.emmit('toFa...

  • vue的父子组件之间的交互

    1 父组件往子组件中传值: 父组件代码 1: 2: 子组件: 放到props数组中 tips:1:html的tem...

  • VUE父子组件之间的通讯

    VUE父子组件之间的通讯

  • Vue相关知识点

    1、vue父子组件之间的通信 在vue组件通信中其中最常见通信方式就是父子组件之中的通性,而父子组件的设定方式在不...

  • Vue组件之间的传值

    Vue父子组件之间的传值(props)兄弟组件 VUEX

  • Vue组件通信

    Vue 组件之间的通信,通常我们遇到的都是父子组件之间的通信 一、父子组件传参 子组件定义 Props 属性; 父...

  • VUE系列之非父子组件之间的通讯

    VUE系列之非父子组件之间的通讯

  • 父子通信

    title: 组件内父子小组件之间的通信date: 2017-03-20 vue组件 技术分享 分享组件内父子小组...

  • 父子组件之间的交互

    问题: 一个组件什么时候放在另一个组件内? 比如我有一个 Content 组件,它有2个子组件 List 和 Pl...

  • Vue.js 非父子组件之间的通讯

    Vue.js 非父子组件之间的通讯 在一些非父子组件会经常用到互相之间的通讯功能,Vue.js 有 vuex 状态...

网友评论

      本文标题:vue的父子组件之间的交互

      本文链接:https://www.haomeiwen.com/subject/oiqwkltx.html