Quasar 框架使用 axios 用 GET 方式提交简单表单
Template 部分
Quasar 框架使用<q-form> 组合<q-input> ，在<q-form> 中使用@submit 、@reset 指定监听submit 、reset等事件的方法，然后再用<q-btn> 添加type=”submit”、type=”reset” 等按钮，点击按钮后，会调用<q-form> 中指定的对应事件的方法。每个<q-input> 通过v-model 绑定到Vue中的某个数据(除type=”file”时外)，通过type=”textarea” (默认type为text，可取值为 password、textarea、email、search、tel、file、number、url、time、date)设置需要的输入类型。
Script 部分
Script中，可以将需要通过表单提交的数据都绑定data 上，提交的方法名称须与<q-form> 的@submit 中指定的方法名称相同，在此方法中将表单数据组合成查询字符串，接到查询网址后面，通过 axios 的get 方法直接提交即可。
冀公网安备 13010402001886号