Comments (6)
Would it make sense to update all the Inertia link components to include the new event callbacks? That said, currently the event callbacks do NOT support cancelling events, so that still wouldn't help here. Of course, we could update them to support cancelling by doing a return false
.
That would give you this ability:
<InertiaLink :href="`/posts/${post.id}`" method="DELETE" :onStart="() => confirm('Are you sure you delete this post?')">
Delete post
</InertiaLink>
//cc @claudiodekker
from inertia.
The onStart()
callback can now cancel visits by returning false
(see #233). That sets the path forward for adding this behaviour to the Inertia links. π
from inertia.
Not sure if this is part of this scope, but it would also be great to be able to cancel any visit when on a specific page.
My use case for this was to display a confirmation modal when leaving a page with a form, and I had to do a lot of tweaking to achieve this.
I don't know how to properly do that, though, but this is something that Vue Router has.
from inertia.
Yeah, I'm in favour of that idea π
EDIT: Vue implementation in #235
from inertia.
This would be nice, indeed. π
from inertia.
This is now possible in the link components in the React and Vue.js adapters (just need to release). There is also a WIP PR for Svelte. Going to close this, since it's basically done. π
from inertia.
Related Issues (20)
- History back shouldn't trigger full rerender if Inertia's state didn't change HOT 4
- image upload can not be uploaded into database. all other form is okay. HOT 2
- Progress Indicator not working when switching pages HOT 1
- IsDirty keep at true after form submit
- Unintended browser redirection despite declining confirmation modal HOT 15
- Error handling argument issue HOT 1
- Rollup failed to resolve import fsevents to "default" is not exported by "lodash.clonedeep/index.js" HOT 1
- Drop remember mixin support HOT 2
- redirection to /dashboard after login does not work HOT 1
- Data props change from boolean (0/1) to string ("0"/"1") in production HOT 1
- Link component cannot be rendered as a custom component due to toLowerCase() HOT 1
- Incompatible with laravel vapor HOT 2
- Inertia crashes when a layer prop is not sent from server
- SSR | TypeError: Cannot read properties of undefined (reading 'getSSRProps') HOT 1
- Page doesn't get rendered HOT 1
- "undefined" is not valid JSON at JSON.parse in createInertiaApp() HOT 1
- Router methods type issues with wrong use of Exclude HOT 1
- [REQUEST] Router: make replace url optional HOT 2
- Form defaults() then reset() doesn't work as expected
- Make `data-page` hidration a new request HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from inertia.