社区
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()吗 是的话怎么用呢
...全文
804
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
-cli3开发单文件
组件
Vue
是-个渐进式JavaScript框架,主要用于构建用户界面。它可以轻松创建功能强大的单页面应用程序,并在创建Web应用程序的视图层时实现其基本用途。
Vue
、React、 angular可以说是当今前端
中
三足鼎立的三大框架,而
Vue
社区的发 展已经慢慢赶超angular以及React。
Vue
的优点是API齐全、灵活性高、极易. 上手、插件集成,在前端框架学习
中
,无疑
Vue
是第一选择。本课程基于ES6来学习
Vue
的整个API,其
中
包含
Vue
基础API、
Vue
组件
化开发、
Vue
组件
通信、官方脚手架
Vue
-cli3的
使用
、
Vue
-devtools的
使用
、element-ui第三方
组件
的
使用
、手把手带你打造自己的表单
组件
、
Vue
核心插件之
vue
-router和
vue
x、基于权限控制实现登录注册、前端路由原理、为什么要用
vue
x、单页应用和多页应用的区别、以及项目实战:购物车项目。通过学完本课程,你可以独立开发任何一款单页应用程序项目。
Vue
组件
(一)父
组件
向子
组件
传递数据
1、父
组件
通过
pro
ps向子
组件
传递数据
组件
不仅仅是要把模板的内容进行复用,更重要的是
组件
间要进行通信。通常父
组件
的模板
中
包含子
组件
,父
组件
要正向地向子
组件
传递数据或参数,子
组件
接收到后根据参数的不同来渲染不同的内容或执行操作。这个正向传递数据的过程就是通过
pro
ps 来实现的。
组件
中
,
使用
选项
pro
ps来声明需要从父级接收的数据,
pro
ps的
值
可以是两种: (1)字符串数组 我们...
Vue
组件
的嵌套关系;父
组件
传递子
组件
pro
ps;子
组件
传递给父
组件
$emit;自定义事件;案例
Vue
组件
的嵌套关系;父
组件
传递子
组件
pro
ps;子
组件
传递给父
组件
$emit;自定义事件;案例
Vue
组件
传参之
Vue
父
组件
向子
组件
传参(
pro
ps传参)
文章目录1.
组件
的嵌套1.1
组件
嵌套的基本
使用
1.2
组件
间的数据关系2.
pro
ps属性2.1
pro
ps的基本
使用
2.2 数据传递的分类2.2.1 传递数据注意事项2.2.2 传递基本类型数据2.2.2 传递引用类型数据2.3 单向下行数据流解释3.
pro
ps响应式4.
pro
ps
验证
4.1
验证
父
组件
传过来数据的类型4.2 允许传递多种类型数据4.3 设置必须传递的数据4.4 指定
默认
值
4.5 自定义
验证
规则 1.
组件
的嵌套 1.1
组件
嵌套的基本
使用
Vue
组件
跟
Vue
实例是一样的,因此在
vue
组件
通信1:父传子(
pro
ps)
一,
pro
ps作用 1.
pro
ps用于父子
组件
的通信。 2.
pro
ps具有单向下行绑定,由父
组件
传递
给子
组件
。且子
组件
不能修改
pro
ps。 二,子
组件
pro
ps声明 1.
pro
ps是配置对象的一个配置项,可接受数组和对象。 (1)数组:['title','content'] 声明该
组件
接受父
组件
传递的
pro
ps。 (2)对象:{title:'Number'}
使用
对象形式可以对
pro
ps进行校验。 2.几种校验方式 (1)类型校验:title:'Boolean' , title:['String','Nu
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章