社区
JavaScript
帖子详情
vue 中使用prop验证 将父组件的参数传递给子组件 怎样保存默认的值
学无止境之问道
2019-01-21 01:46:04
在使用vue的prop传递参数的时候在子组件使用prop验证
prop:{
event:{
type:Function,
default:()=>{
fn()
}
}
}
这表示 这个参数 可以不用传递并且有个默认的方法fn ,现在 我需要在父组件传递这个参数,里面有个fn1 的方法 但是我也需要保存这个默认的fn也要执行 ,意思为 父组件传递的方法过来 子组件同时要调用默认的和传递过来的 相当于jquery中的$.extend()
我该怎么写啊 是使用vue.extend()吗 是的话怎么用呢
...全文
861
3
打赏
收藏
vue 中使用prop验证 将父组件的参数传递给子组件 怎样保存默认的值
在使用vue的prop传递参数的时候在子组件使用prop验证 prop:{ event:{ type:Function, default:()=>{ fn() } } } 这表示 这个参数 可以不用传递并且有个默认的方法fn ,现在 我需要在父组件传递这个参数,里面有个fn1 的方法 但是我也需要保存这个默认的fn也要执行 ,意思为 父组件传递的方法过来 子组件同时要调用默认的和传递过来的 相当于jquery中的$.extend() 我该怎么写啊 是使用vue.extend()吗 是的话怎么用呢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
yanlichen
2019-01-23
打赏
举报
回复
大哥,你这么弄有问题的。 你可以在写一个函数fun1 通过 watch 监听 event 变化 在执行 fun1
scscms太阳光
2019-01-21
打赏
举报
回复
你都知道那是默认值,只要父级有传新值就不会用默认值。为什么还顽固不化?
学无止境之问道
2019-01-21
打赏
举报
回复
只使用 prop 而不是在methods 中再写个函数
Vue
进阶(六):
组件
之间的数据传递
本文介绍
Vue
.js
中
组件
间数据传递的不同方式,包括父
组件
向子
组件
传递数据、子
组件
向父
组件
传递数据以及子
组件
间数据传递的方法。还介绍了如何进行
Pro
p校验以确保数据的有效性和正确性。
vue
子
组件
和父
组件
之间动态传参交互
本文详细介绍
Vue
中
子
组件
如何通过
pro
ps接收父
组件
参数和通过$emit触发事件与父
组件
通信,强调了单向数据流原则及实例应用。
Vue
2基础-
Vue
2.x 父子
组件
数据通信
Pro
p 和 Event
本文详细介绍了
Vue
中
pro
p和emit的
使用
方法,包括
组件
参数传递
、父子双向数据绑定原则、子
组件
数据更新策略以及多层级
组件
间通信的解决方案,如EventBus和
Vue
x。
Vue
父子
组件
通信
本文深入讲解
Vue
中
父子
组件
之间的通信机制,包括子
组件
通过$emit向父
组件
传递数据的方法及父
组件
通过
pro
ps向子
组件
传递数据的方式。同时,介绍了如何在实际项目
中
正确
使用
这些通信方式。
vue
父子
组件
传参
使用
pro
ps
本文通过一个HTML示例展示了如何在
Vue
.js
中
使用
pro
ps进行父子
组件
间的
参数传递
,包括如何设置
默认
值
和进行类型
验证
。详细介绍了
pro
ps的多种
验证
方式,如指定类型、提供
默认
值
、设置必填项以及自定义
验证
函数。同时,还讨论了对象和数组类型的
默认
值
设定方法。
JavaScript
87,990
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章