Vue3: vue3 props接多个不同类型的参数，默认false

哪天的问题来着...嘶...(挠头)...

之所以会卡在这里，是因为在我的经验及认知里，封装组件中props的使用，接参时从来都是一个参数对应一个值，尤其是在ts中，还更为严格地设定了参数类型，所以我的业务需求不知道怎么实现了(这段话讲的比较乱，不知道怎么描述更合适，还是直接上图吧...)

如图为vue3封装组件中，props接参大部分的写法展示

在上图中，如果你参数的type设置为boolean，那你就无法传入其他类型的值，比如说string或者number等等。但我的业务场景是，需要设置一个参数，平时用不上，只有传入参数的时候才起作用

最开始我是这样写的(如图)：

但是紧接着就发现，默认是要它不显示，如果它默认为0的话，还是会显示的，所以只好再传入一个判断是否需要旋转的参数(如图)：

哎...这次果然不出意料的成功了，但是回头看看代码，感觉还是太冗余了，有没有办法能让它一个参数搞定呢？百度查了半天依然没查到想要的结果，于是又去请教公司大佬，大佬想了想(因为很少用)，告诉了我一个方案，也就是最终采用的结果，如图：

解释一下我的理解，vue3中封装组件props接参，其type可以设置多个类型(目前只试了两个，两个以上还没有过尝试)，也就是该参数允许传入多个不同类型的参数。这里注意哈，是多个不同类型的参数，不是多个参数，参数的数量仍然是1，别搞混了。

拿上图对照一下我的业务场景，或许能让你更加理解

设置一个参数，平时用不上(default: false)，只有传入参数的时候才用(传入的参数支持Number属性)

Vue3: vue3 props接多个不同类型的参数，默认false相关推荐

linux 第1个参数时在不兼容的指针类型间转换,警告：从不兼容的指针类型传递参数[默认启用]...
我一直在寻找其他线程与某些有关的,但不知何故,我只是不明白- 我想对我已经评估的一组值做一些FFT,并写这个程序来首先读取值并将它们保存到大小为n的数组. int main () { // some ...
[Vue3]Console报错：不能将类型“string”分配给类型Refstring
[Vue3]Console报错:不能将类型string分配给类型Ref<string> const realtime = ref('');realtime='errui';//error ...
vue props type设置多个类型，默认值
vue props type设置多个类型 props: {value: {// vue props type设置多个类型type: Number | null,required: true},arti ...
python中matplotlib自定义设置图像标题使用的字体类型：获取默认的字体族及字体族中对应的字体、自定义设置图像标题使用的字体类型
python中matplotlib自定义设置图像标题使用的字体类型:获取默认的字体族及字体族中对应的字体.自定义设置图像标题使用的字体类型目录
php 函数返回值mixed,认识函数的类型、参数与返回值
函数的类型.参数与返回值一.函数的基本语法语法 functionfunctionName(类型限定参数列表):返回值类型 { } 案例:计算两个数之和. functionsum(int$a,int$ ...
C++非类型模板参数
对于函数模板与类模板,模板参数并不局限于类型,普通值也可以作为模板参数.在基于类型参数的模板中,你定义了一些具体的细节来加以确定代码,直到代码被调用时这些细节才被真正的确定.但是在这里,我们面对的是这 ...
C++知识点60——非类型模板参数
模板参数不仅可以使类型,也可以是值.可以用特定的类型名(比如int)而非typename或者class表示非类型模板参数.当模板被实例化时,非类型模板参数会被一个值而不是类型替代.非类型模板参数一. ...
java两个函数名字相同_为什么C不允许两个具有相同名称的函数/类模板，只有非类型模板参数（整数类型）的类型不同？...
我尝试这个时编译器会出错 . 我试过VC和g . 这同样适用于函数模板和类模板(但对于函数模板,只有在实例化函数模板时才会出现编译器错误;当编译器遇到第二个类定义时,会立即出现类模板的编译器错误) . ...
【Kotlin】函数类型 ( 函数类型 | 带参数名称的参数列表 | 可空函数类型 | 复杂函数类型 | 带接收者函数类型 | 函数类型别名 | 函数类型实例化 | 函数调用 )
文章目录 I . 函数类型 II . 带参数名的参数列表 III . 可空函数类型 IV . 复杂函数类型解读 V . 函数类型别名 VI . 带接收者类型的函数类型 VII . 函数类型实例化 ...

Vue3: vue3 props接多个不同类型的参数，默认false

Vue3: vue3 props接多个不同类型的参数，默认false相关推荐

最新文章

热门文章