Using withPagination

#1

What seems to be the problem:
when i use WithPagination Trait, page url changes to /livewire/message/

Steps to Reproduce:

nested components

Are you using the latest version of Livewire:

yes

Do you have any screenshots or code examples:

Screen Shot 2021-02-16 at 18.57.32
Screen Shot 2021-02-16 at 18.57.32995×177 16.1 KB

#2

Hey, @philipnjuguna66

Make sure you are implementing @livewireScripts in your page.

#3

#Hi @skywalker
I have added @livewireScripts

#4

I had to add keys for my nested components. This is discussed in the Docs.

#5

My navigation looks like
<a wire:click="$emitTo('main-nav', 'goToPage','crm.clients')">CRM</a>

My main nav class

     protected $listeners = [
        'goToPage' => 'goToPage'
    ];

    public $page = "home";

    public $key;

    public $component;



    public function render()
    {
        return view('livewire.main-nav');
    }


    public function goToPage($page)
    {
        $this->page = $page;

        $this->key =  time();

    }

main nav blade

        @livewire( $this->page, [], key($this->key))
    </div>

Result when Project uses this trait use WithPagination;

`http://saas.test/livewire/message/main-nav`

Expected
http://saas.test/#projects

#6

@joleenshook that how my components look like