Disable entire form (Quasar Beta v1)

[jriemer]

How can I disable all elements in a form?
disable is no prop on q-form; wrapping with q-field would work but destroys layout (also indicated in docs to not wrap q-input/q-select.
thx
jr

[s.molinari]

Every form component in Quasar has a disable prop. Use that.

https://codepen.io/smolinari/pen/pmGpJO

Scott

[jriemer]

Thanks Scott,
I know, I wanted to avoid adding :diable props for each form component, but not a big problem, just wanted to know if I overlook anything here.
thx
jr

[s.molinari]

Yeah, well. For the record, all Quasar components are self-sustained/ self-contained, meaning you won’t see any “cross component” communication or prop swapping or whatever else you might think of that could happen between components. It’s up to you to “wire up” components as you see fit.

Scott

[metalsadman]

@jriemer welp, you could use inner loading component https://quasar.dev/vue-components/inner-loading#Introduction to disable a part of your form.
example https://codepen.io/metalsadman/pen/QRoKoz. you could use a spinner or just choose not to show one, by giving it a size prop of 0px.