码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-30 22:20:38      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:turn   传值   ring   return   如何使用   ret   pre   通过   null   

父组件的编写

<a:orgCode=orgCode ></a>

在data里面增加orgCode。

data() {
  return {
    orgCode: ‘037‘,
    },
  };
},

子组件编写

子组件通过prop接收

props: {
  orgCode: {
    type: String,
    default: null,
  },
},

子组件使用

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

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

标签:turn   传值   ring   return   如何使用   ret   pre   通过   null   

原文地址:https://www.cnblogs.com/jichi/p/13405976.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!