码农之前端

父子组件传值props

2020-02-09  本文已影响0人  O人心

父组件传值给子组件,子组件用props来接

1.简单语法

props:["size","iconClass"] //不限制数据类型

2.规定数据类型

3.type:(规定数据类型)

String:字符串

Number:数字

Boolean:布尔

Array::数组

Object:对象

Date:日期

Function:函数

Symbol:独一无二的值(Es6)

4.default(默认值)

基础数据类型:直接赋值

对象数据类型:用函数赋值  () = > []

5.required(必填项)

默认为false,说明父级必须传入数据,否则会报错

6.validator(校验)

验证传人的值是否符合规则


这个问题是:单向数据流,父级 -> 子级 不能反向修改

解决办法:使用watch监听

this.$emit("update:flag",false)   注意:回调时做逻辑处理的,就不能使用修饰器

上一篇下一篇

猜你喜欢

热点阅读