使用vux时，有时遇见 Invalid prop: custom validator check failed for prop "type".错误

最新推荐文章于 2024-04-17 13:47:30 发布

原创最新推荐文章于 2024-04-17 13:47:30 发布 · 5.3k 阅读

0 ·

CC 4.0 BY-SA版权

vue笔记同时被 2 个专栏收录

35 篇文章

订阅专栏

vux

4 篇文章

订阅专栏

本文解决了一个关于Vue框架中x-number组件的属性验证错误问题。错误发生在使用字符型数据绑定到需为数值型的value属性上，通过调整绑定变量类型为number解决了问题。

<x-number title="数量" v-model.trim="orderDetail.quantity"></x-number>
...
 export default {
        ...
        data: function () {
            return {
             orderDetail:{
               quantity:'1',
             }
           }
   ...

警告：

[Vue warn]: Invalid prop: custom validator check failed for prop "value".

found in

---> <XNumber> at node_modules\vux\src\components\x-number\index.vue
<Group> at node_modules\vux\src\components\group\index.vue
<GoodDetail> at src\views\good_detail\good_detail.vue
<App> at src\App.vue
<Root>

问题原因：x-number绑定的变量类型不对，我写的是字符型，改number型就好了；