Vue父组件向子组件传递参数[通俗易懂]

1、父组件projectBatchsindex.vue//使用:projectId=”this.projectId”传递参数<ProjectBatchEditref=”projectBatchEdit”:projectId=”this.projectId”@on-update=”search”></ProjectBatchEdit>importProj…

大家好,又见面了,我是你们的朋友全栈君。

1、父组件projectBatchsindex.vue

// 使用:projectId="this.projectId" 传递参数
<ProjectBatchEdit ref="projectBatchEdit" :projectId="this.projectId" @on-update="search"></ProjectBatchEdit>
import ProjectBatchEdit from 'pages/projectBatch/projectBatchEdit'

2、子组件projectBatchEdit.vue

export default {
  props: {
    projectId: Number    // 接受值并定义传递值类型
  }
}

3、子组件的方法中获取值,触发事件,打debbug查看t或者this.projectId的值确定是否传递成功

    // 添加方法
    handlerAdd () {
      debugger
      let t = this.projectId
    }

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/126105.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • yui compressor php,通过yuicompressor-2.4.7压缩css或js的php应用文件

    yui compressor php,通过yuicompressor-2.4.7压缩css或js的php应用文件yuicompressor这是个很好的工具,通过java库编译css或js文件进行压缩。压缩css或者js文件的好处是很多的,减少数据请求量,可以更快的进行数据传输,防止其他人进行窥探或整体直接挪用等等。。。首先你要去下载一个yuicompressor现在最新版本是2.4.7下载地址:yuicompressor使用方法怎么工作在这里都有详细的说明,就不一一介绍了。最常用的yuicompre…

    2022年7月18日
    14
  • Java cloneable_java浅克隆和深克隆

    Java cloneable_java浅克隆和深克隆先来看看JDK的解释:java.lang.CloneableAclassimplementstheCloneableinterfacetoindicatetothejava.lang.Object.clone()methodthatitislegalforthatmethodtomakeafield-for-fieldcopyofinstances…

    2022年10月9日
    0
  • Android平板电脑2012年「建议收藏」

    Android平板电脑2012年「建议收藏」Android平板电脑2012年  Android平板2012年  对于所有的Andr​​oid平板爱好者来说,2012是挤满了许多惊喜。Android平板在2012年发射第一批将是科技巨头英特尔。英特尔公司的代表透露有关的Medfield的AtomAndroid平板的发布一些花絮由他们与谷歌和蜂窝协作。在Medfield的原型Android蜂窝目前正在与幻灯片展示。它的性能似乎出色的外观

    2022年6月1日
    26
  • 图像处理算法 面试题

    图像处理算法 面试题1、常用边缘检测有哪些算子,各有什么特性?解:常用边缘检测算子如下所述:Sobel算子其主要用于边缘检测,在技术上它是以离散型的差分算子,用来运算图像亮度函数的梯度的近似值,Sobel算子是典型的基于一阶导数的边缘检测算子,由于该算子中引入了类似局部平均的运算,因此对噪声具有平滑作用,能很好的消除噪声的影响。Sobel算子对于象素的位置的影响做了加权,与Prewitt算子、Ro…

    2022年5月17日
    39
  • php7 502 bad gateway,502 bad gateway怎么解决

    php7 502 bad gateway,502 bad gateway怎么解决502BadGateway错误是HTTP状态代码,表示Internet上的一台服务器收到来自另一台服务器的无效响应。在前面的文章中,已经给大家详细介绍了502badgateway是什么意思以及出现这种错误的一些原因总结。那么我们怎么解决502badgateway错误?502BadGateway错误通常是互联网上服务器之间的网络错误,也或者因为您的计算机或互联网连接出现问题。所以我们…

    2022年6月24日
    25
  • idea2021激活码 mac(JetBrains全家桶)「建议收藏」

    (idea2021激活码 mac)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1STL5S9V8F-eyJsaWNlbnNlSW…

    2022年3月27日
    112

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号