vue 子组件属性的传值

山楂片
  • 358

The data property "navIndex" is already declared as a prop. Use prop default value instead.

这句话是什么意思啊?

回复
阅读 8.7k
4 个回答
✓ 已被采纳

prop中已经有navIndex了,data不能在有~

prop代表父组件向子组件发送的数据,是不能在子组件的data中重复定义的

export default {
      name: 'AddModal',
      props: ['navIndex'],
      data(){
          // 不能有navIndex
      }
}

父组件中调用子组件进行传递这个值,parentNavIndex这个值应该是在父组件的data中的

<Model :navIndex="parentNavIndex"></Model>

父组件内

<child :message="message"></child>
//child 是一个子组件
export default {
    components:{
        child
    }
    data(){
        message:''  
    }
}

子组件内

export default {
    props:['message']
}

传入的props重名了吧,提示你手动定义静态props

宣传栏