社区
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()吗 是的话怎么用呢
...全文
864
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
组件
作用域是孤立的,不允许在子
组件
模板内直接引用父
组件
的数据。必须
使用
特定的方法才能实现
组件
之间的数据传递。首先,用脚手架工具
vue
-cli创建一个项目,其
中
App.
vue
是父
组件
,components文件夹下都是子
组件
。
vue
子
组件
和父
组件
之间动态传参交互
vue
子
组件
和父
组件
动态交互
组件
A 在它的模板
中
使用
了
组件
B。它们之间必然需要相互通信:父
组件
可能要
给子
组件
下发数据,子
组件
则可能要将它内部发生的事情告知父
组件
。在
Vue
中
,父子
组件
的关系可以总结为
pro
p 向下传递,事件向上传递。父
组件
通过
pro
p
给子
组件
下发数据,子
组件
通过事件给父
组件
发送消息。 一、父子
组件
传参数是通过属性
pro
ps来实现的,需要在子
组件
内定义一个属性来接收父
组件
传过来的
值
;父
组件
要做的是双向绑定一个参数、给参数赋
值
。 子
组件
: 1.要用...
Vue
2基础-
Vue
2.x 父子
组件
数据通信
Pro
p 和 Event
组件
参数传递
pro
p 监听子
组件
事件
Vue
父子
组件
通信
Vue
父子
组件
通信子
组件
传
值
父
组件
:$emit父
组件
传
值
子
组件
:
pro
ps 子
组件
传
值
父
组件
:$emit 原型:vm.$emit( eventName, […args] ) 参数: ● {string} eventName ● […args] 触发当前实例上的事件。附加参数都会传给监听器回调。 实例: //子
组件
<template> <div> <p style="color: red;font-size: 30px;">下面这是一个子
组件
</p>
vue
父子
组件
传参
使用
pro
ps
父子
组件
传递参数,
使用
pro
ps <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>父子
组件
通讯</title> <script src="https://
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章