好吧，原来validator只是起验证的作用，验证传入的 prop 是否符合某些规则，通过返回 true 或者 false 来...
会执行一遍validator方法体，然后return布尔值，如果为false，就会log出错误提示。
原因在于validator或者default已经不能适用vue2的写法去编写,不然编译出来的TS很奇怪,打包成插件后引入并且传参的时候编译过程总会报类型不对的问题,后来看了下vue的官网,写法如下: 问题解决,编译后的样子:
props: { type: { validator (value) { return oneOf(value, ['default', 'primary', 'dashed', 'text', 'info', 'success', 'warning', 'error']); }, default: 'default' },__EOF__本文作者:Reciter 本文链接:https://www.cnblogs.com/pengchenggang/p/10620152.html...
注意那些 prop 会在一个组件实例创建之前进行验证,所以实例的属性 (如 data、computed 等) 在 default 或 validator 函数中是不可用的。 的含义。简单的说就是在 props-default里面无法引用到 data的数据,所以修改的时候要把data数据复制到default处。同时也要注意用一个工厂函数去返回数组或者对象 ...
这块我是传递了,如果你不传的话,比如给个456,同时你不传它,默认值也是生效的。 类型现在我们能限制它是一个number,但有的时候我希望它传的内容 比如说你这个值必须小于1000,我想做这个校验可以怎么校验?我可以在这里写一个validator,它也是一个函数: ...
props: { value: { validator: function (propValue) { if (this.multiple && !Array.isArray(propValue)) { console.error('When multiple is true, value must be an array'); return false; } else { return true; } } }, multiple: { type: Boolean, required: true } } ...
Vue props validator返回值的具体作用: 验证通过:当validator返回true时,Vue会接受这个props值,并将其赋给组件的props属性。 验证未通过:当validator返回false时,Vue会拒绝这个props值,并在控制台输出警告信息,提示开发者传入的props值不符合预期。此时,props属性将不会被赋值,组件内部将使用props的默认值(如果有的话...
如何让type 只能传up或down, vue2可以定义一个validator函数 n37r09u3 2021-12-24 10:07:43 源自:3-2 趋势标记-图标的组合使用实现上升下降趋势 246 分享 收起 1回答 五月的夏天 2021-12-24 10:17:35 可以的哈 。 0 回复 相似问题Vue3 需要在beforeUnmount 时清除自定义事件吗 1155 0 3 vue3里...