文章评论 的评论回复:传参疑问(父传子这个type为啥不用冒号) 和 文章id超出安全整数范围处理 和 自定义prop 数据验证 validator

137 阅读1分钟

传参疑问(父传子这个type为啥不用冒号?) 百思不得其解:后来发现:可以给子组件传入一个静态的值??为啥用v-bind或冒号 报错?半知半解

image.png

image.png

解决问题:

1. 文章id会超出安全整数范围,要用toString()一下才可以

image.png

2. 父组件: 评论的回复中 common-replay组件 引用了 common-list组件,并且传递 common-list组件中需要的参数,不然报错

一个静态参数type = 'c'刚好这个 就是一个写死的静态参数,不需要v-bind绑定,(如果用了 :type="c" 报错)

一个文章id :source="comment.com_id"

一个文章评论参数 :list="commentList"

image.png

3. 子组件 对props中的type = c 根据接口的要求是同一个接口 所以要写成动态的,传 a 或 c,并做 自定义prop 数据验证

type: {
      type: String,
      // 自定义prop 数据验证
      validator(value) {
        return ['a', 'c'].includes(value)
      },
      default: 'a'
    }
    
    

image.png