vue的自定义组件如何使用prop传值?

举报
经典鸡翅 发表于 2022/02/17 23:41:32 2022/02/17
【摘要】 父组件的编写 <a:orgCode=orgCode ></a> 在data里面增加orgCode。 data() { return { orgCode: '037', }, };}, 子组件编写 子组件通过prop接收 props: { orgCode: { ...

父组件的编写

<a:orgCode=orgCode ></a>
  

在data里面增加orgCode。


   
  1. data() {
  2. return {
  3. orgCode: '037',
  4. },
  5. };
  6. },

子组件编写

子组件通过prop接收


   
  1. props: {
  2. orgCode: {
  3. type: String,
  4. default: null,
  5. },
  6. },

子组件使用

子组件可以通过this.orgCode进行使用。

文章来源: blog.csdn.net,作者:经典鸡翅,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/hanqing456/article/details/111878980

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。