[Bug Report] v-pagination trigger v-form submit

[materight]

Versions and Environment

Vuetify: 1.2.6 Vue: 2.5.17 Browsers: Chrome69 OS: Windows 10

Steps to reproduce

Use the v-pagination component inside a v-form or form and change page

Expected Behavior

It should not trigger form submit

Reproduction Link

https://codepen.io/materight/pen/YJwgZy

[soupjake]

If you look at the v-data-table example with external pagination, you place the v-pagination outside of the v-data-table and sync the items within using the "pagination.sync" property. Perhaps you can do something similar with your form?

[materight]

Sorry, that's not what I meant. If you look at the example you will notice that the form is sent when you click on a page. I have to use the v-pagination inside a form only for displaying items, i don't need to use paginations data with the form.

[soupjake]

Okay so after some digging, the buttons used for the pagination component use the standard HTML tag rather than . The standard HTML button object's event defaults to submit "default for all browsers, except Internet Explorer" (from w3schools) and so that's the case for the buttons used within the pagination component since their type isn't defined as seen here. You can test this by putting a standard button within a form without a type or click function attached to it and it'll submit the form which is the same as your issue. You can even go in and manually change the types of each button in the pagination to "button" and it'll stop the form from submitting.

I still think you'd be able to achieve what you want with the pagination component outside of the form or use something like the v-stepper but for now it seems the buttons within will keep firing off the default submit event unless you're able to somehow override this. Maybe this can get looked into by the dev team and maybe they can change the type for these buttons to "button" instead?

[materight]

You are right, thank you! I'll try to fix this and make a pull request.

[KaelWD]

Fixed in v1.3.3 with #5229