Laravel Splade

Laravel Splade

  • Introduction

    • Introducing Splade
    • Credits
    • Automatic installation
    • Manual installation
    • Breeze starter kit
    • Upgrading
    • Roadmap
    • Inertia.js comparison
    • Livewire comparison
  • Basics

    • Navigation and routing
    • Progress bar
    • Toasts
    • Shared data
    • Title and meta tags
    • Lazy loading
    • Server-side rendering (SSR)
  • Components

    • Content
    • Data
    • Defer
    • Errors
    • Event
    • Flash
    • Form
    • Link
    • Modal
    • Rehydrate
    • Script
    • State
    • Teleport
    • Toggle
    • Transition
    • Custom components
  • Form components

    • Overview
    • Input
    • Textarea
    • Select
    • Checkbox
    • Radio
    • File
    • Group
    • Submit
    • Model Binding
  • Table component

    • Overview
    • Built-in Query Builder
    • Bulk Actions
    • Exports
    • Spatie Query Builder
  • Vue components and libraries

    • Custom components
    • Vue libraries
    • Form components
  • Advanced

    • State management
    • Persistent layout
    • Event bus
    • Customization
    • Translations
    • Exception handling
    • How Splade works

State Management

Splade uses Vue's keep-alive component to remember the state of a page. So when you navigate to the next page and hit your browser's back button, the previous page does not lose its state. By default, it remembers up to 10 pages, but you can configure it in the plugin options of the app.js file:

createApp({ render: renderSpladeApp({ el }) })
.use(SpladePlugin, {
'max_keep_alive': 50,
})
.mount(el);