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

Posted jichi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的自定义组件如何使用prop传值?相关的知识,希望对你有一定的参考价值。

父组件的编写

<a:orgCode=orgCode ></a>

在data里面增加orgCode。

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

子组件编写

子组件通过prop接收

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

子组件使用

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

以上是关于vue的自定义组件如何使用prop传值?的主要内容,如果未能解决你的问题,请参考以下文章

vue组件之间的五种传值方法(父子兄弟跨组件)

vue.js(18)--父组件向子组件传值

vue子组件的自定义事件

Vue 组件之间传参!

vue --子父组件传值

vue父组件向子组件传值