美文网首页
vue props传值失败 输出undefined的问题

vue props传值失败 输出undefined的问题

作者: 鲲鹏f2e | 来源:发表于2018-07-17 15:54 被阅读0次

如果在prop中传的值为一个没有使用特殊命名规则的变量如:(type),可以顺利传值:而使用驼峰命名可能导致传值失败

例如
<tips-dialog :data = "dialogStatus"></tips-dialog>

因为html不区分大小写,所有值都会转换为小写,所以会获取不到值
正确的写法应该是这样
<tips-dialog :data = "dialog-status"></tips-dialog>

相关文章

  • vue props传值失败 输出undefined的问题

    如果在prop中传的值为一个没有使用特殊命名规则的变量如:(type),可以顺利传值:而使用驼峰命名可能导致传值失...

  • vue组件梳理

    vue组件 未经同意 禁止转载 通信传值 1. props 父组件向子组件传值,子组件通过props接收值 2. ...

  • Vue组件传值

    vue组件传值 一、父组件向子组件传值方式: 1. 子组件中定义props,父组件向子组件props进行传值。 2...

  • Vue组件之间的传值

    Vue父子组件之间的传值(props)兄弟组件 VUEX

  • 【Vue】组件 - 验证props

    本节需要基础:【Vue】组件通信(父传子 props) props主要作用是让父组件传值给子组件。 普通的传值方式...

  • (VUE3) 四、组件传值(父子组件传值 & 祖孙组件传值 &v

    1.父子组件传值 vue2中的父子组件传值:父组件: 子组件: vue3中的父子组件传值: 还是用props接收父...

  • 2018-09-05

    组件传值问题 父组件给子组件传值应该使用props。子组件要给父组件传值,需要调用父组件传递的方法。props传值...

  • Vue组件间通信

    Vue组件间通信 父子组间通信 通过props向子组件传值,通过事件向父级组件发送消息 通过props向子组件传值...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • vue中父组件获取子组件的值

    vue项目中,普遍存在父组件和子组件相互传值的问题,父组件向子组件传值用props,但是如果此时要修改父组件传的值...

网友评论

      本文标题:vue props传值失败 输出undefined的问题

      本文链接:https://www.haomeiwen.com/subject/ojcgpftx.html