ant [Vue warn]: Invalid prop: custom validator check failed for prop "pagination".错误

2020-05-15 22:40:15

遇到这样的问题,一般是props中的pagination有值不匹配造成的

我们可以通过打印数据检测一下有没有赋给其空值


参考地址 https://www.cnblogs.com/vipsoft/p/AntVue.html

遇到的错误如下:

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


found in


---> <ATable>

       <ACard>

         <UserTerminal> at src/views/om/userTerminal/UserTerminal.vue

           <RouteView> at src/layouts/RouteView.vue... (1 recursive calls)

             <Anonymous>

               <ALayoutContent>

                 <Anonymous>

                   <ALayout>

                     <Anonymous>

                       <ALayout>

                         <BasicLayout> at src/layouts/BasicLayout.vue

                           <ALocaleProvider>

                             <App> at src/App.vue

                               <Root>


错误提示:在model之下的table里有错误,pagination类型无法准确插入。

最后排查出来的结果是获取后端数据后将结果集的total赋值给了pagination.total

this.$http({

        url: '/getUserTerminalList',

        method: 'post',

        data: this.formData

      }).then(res => {

        this.datas = res.list

        this.pagination.total = res.total

      })


将this.pagination.total = res.total删除即可


  • 2017-03-22 16:26:36

    最全面的Android Webview详解

    现在很多App里都内置了Web网页(Hyprid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图

  • 2017-03-23 22:29:52

    Android开发中Handler的经典总结

    当应用程序启动时,Android首先会开启一个主线程(也就是UI线程),主线程为管理界面中的UI控件,进行事件分发。

  • 2017-03-27 16:24:26

    laravel,gulp,Browsersync浏览器同步测试

    Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。

  • 2017-03-28 09:27:41

    Java中Arrays的asList()方法

    Java中Arrays的asList()方法 可以将 数组转为List 但是,这个数组类型必须是 引用类型的,如果是8中基本数据类型就不可以 原因如下,引用别人的一篇文章: