Q-Logo 我的学习笔记分享

Entries for category "quasar"

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 方法直接提交即可。

Quasar框架-初步介绍

Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的基于Vue.js的开源前端框架 ,其概念清晰明确,风格简洁优雅,功能实用强大,组件丰富多样,操作简单方便,文档详细完善,目标宏伟远大。Quasar 框架在性能、安全、应用扩展支持、全平台支持、多语言支持、自动化测试支持等方面都有着执着的追求, 鼓励遵循Web开发最佳实践 , 为开发人员提供了诸多开箱即用的强大功能 ,能帮助开发者以最短时间开发应用, 让开发人员生活更轻松 ,是一个很棒的框架。