laravel-vue-pagination: TypeError: Cannot create property 'default' on boolean 'true'

Hi, I am getting this error. Am I doing something wrong? Thanks.

[Vue warn]: Error in render: "TypeError: Cannot create property 'default' on boolean 'true'"

found in

---> <Pagination>
       <User> at resources/js/components/User.vue
         <Root>

TypeError: Cannot create property 'default' on boolean 'true'
    at Proxy.resolveScopedSlots (app.js:69748)
    at Proxy.render (app.js:18948)
    at VueComponent.Vue._render (app.js:70386)
    at VueComponent.updateComponent (app.js:70886)
    at Watcher.get (app.js:71284)
    at Watcher.run (app.js:71359)
    at flushSchedulerQueue (app.js:71117)
    at Array.<anonymous> (app.js:68845)
    at flushCallbacks (app.js:68771)

Screen Shots:

About this issue

Original URL
State: closed
Created 5 years ago
Comments: 18 (1 by maintainers)

Most upvoted comments

check your vue version I have the same problem, used laravel-vue-pagination@2.2.0 and then resolved.

lavender16 on Mar 11, 2019

I am facing similar issue… has it been solved?

emmatinolexis on Mar 15, 2019

This seems like a bug with hot reloding components with new slot syntax. I have similar issue, but I don’t use this package.

panstromek on Mar 14, 2019

Unfortunately not. @alirezaashrafi

bskscmn on Mar 7, 2019

Did you solved the problem? Because I have a similar problem @bskscmn

alirezaashrafi on Mar 7, 2019

<tr v-for="user in users.data" :key="user.id">
            <td>{{ user.name  }}</td>
            <td>{{ user.username }}</td>
             <td><span v-for="role in user.roles">|{{ role.name }}|</span></td>
 </tr>
  ....                    
<pagination :data="users" @pagination-change-page="getResults"></pagination>

data() {
          return {
            editMode: false,
            users : {},
          }
        },
        methods: {
          getResults(page = 1) {
            axios.get('api/user?page=' + page)
            .then(response => {
              this.users = response.data;
            });
          },
          loadUsers(){
              axios.get('api/user').then(({ data }) => (this.users = data));
          },
....

From Controller: return User::latest()->with('roles')->paginate(2);

bskscmn on Mar 4, 2019