props相关

来源:3-9 Vue中的set方法

Black_黑色

2018-10-10

我想实现类似下面这个需求,就是我在父组件中向子组件传递一个option对象,里面包含一些键值对,现在我想对这些键值对做props校验,用下面的代码没有效果,那如何实现这种需求呢 (我试过比较繁琐的写法就是,把每个键都单独都传递给子组件,单个做校验,但是在html写的就很啰嗦,如果传递对象,那如何给键值做校验呢)

props: {
option: {
type: Object,
required: true,
default: {
show: {
type: Boolean,
required: true,
default: false
},
title: {
type: String,
required: true,
default: ‘标题’
},
content: {
type: String,
required: true,
default: ‘内容111’
}
}
}
},

写回答

1回答

Dell

2018-10-11

你看下vue文档中props这块的说明,里面支持函数的形势,你可以在函数里做逻辑判断从而实现你想要的校验

0
0

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程