如何使用惯性js保持按钮滚动

Question

工作

<Link :href="route('products')" preserve-scroll>Products</Link>

不工作

<form @submit.prevent="submit">
...
<button type="submit" preserve-scroll>Submit</button>
</form>

软件包.json

...
"dependencies": {
"@inertiajs/inertia": "^0.10.1",
"@inertiajs/inertia-vue3": "^0.5.2",
"@inertiajs/progress": "^0.2.6",
"vue": "^3.2.20"
}
...

我还没有在惯性文档中找到一种方法来保持点击按钮时的滚动，有人面对过吗？

Answer 1

您需要将在submit方法中发出的请求告知preserverScroll。类似这样的东西：

submit () {
this.$inertia.post(url, data, {
preserveScroll: true
})
}

您可以从按钮中移除preserve-scroll。那没用。