美文网首页
quasar1.X使用过程中的几个坑

quasar1.X使用过程中的几个坑

作者: 工程师54 | 来源:发表于2021-08-10 20:29 被阅读0次

quasar从0.x版本开始使用,后来升级到1.x,现在最新版本已经是2.0.3版本了。版本之间差异比较大,本想将0.x版本开发的项目升级到1.x版本的,发现差异实在太大,需要修改的内容太多,无奈放弃。

后来尝试用1.x版本开发一个新项目,本以为手到擒来的事情,但被几个小坑来了个下马威:

1号坑、表格组件数据绑定:data VS  :rows

需求:表格中能够显示给定的数据。

中文官网上文档标注的语法是这样

    刚开始感觉挺简单,这个q-table组件语法和以前版本一样嘛,但按照以上语法执行后,数据表中始终出不来数据,百思不得其解。
    平时比较习惯看中文的官网,所以我查看的是中文版官网。后来我尝试到英文版官网上看了一下,惊讶的发现这上面的语法竟然是:

按照以上语法,我修改为:rows,问题迎刃而解,表格中的数据如期而至。
不禁感慨,这是quasar有意折腾我们这些开发者的吗!
吃一亏长一智,以后只能尽量参考英文资料。

2号坑、表格记录选中selected

需求:表格中每行记录前出现复选框,可以单选或者多选数据记录。

中文官网上标注的语法是这样:

英文官网上标注的语法是这样:

经过确认,:selected.sync="selected",直接就出现'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead vue/no-depreca这个语法错误。如果修改成和0.x版本一致的语法:selected="selected",虽然没有再出现语法错误,但无法选择复选框。

而按照v-model:selected="selected",就能正常选择每条记录了。

忍不住吐槽一个:好不容易积累出来的经验反而会害死人啊!

3号坑、跨域访问

需求:quasar调用后端服务。

后端服务和前端服务在不同的端口、不同的IP地址,但在调用的时候出现No

'Access-Control-Allow-Origin' header is present on the requested resource

的错误,这是说明当前不支持跨域访问。

于是按照文档中要求,先是通过配置proxy,然后尝试修改header,但始终还是无法访问后端服务,出现上面那个跨域错误。

后来没招了,由于后端用的是koa2,在后端增加安装了koa2-cors模块,然后。。。。跨域问题就解决了!!!

相关文章

  • quasar1.X使用过程中的几个坑

    quasar从0.x版本开始使用,后来升级到1.x,现在最新版本已经是2.0.3版本了。版本之间差异比较大,本想将...

  • [Python]os.symlink创建软链接二三事

    昨天用到了os.symlink函数,在使用过程中踩了几个坑,记录下注:下文所有的代码都是针对 Linux 等 PO...

  • JAVA分布式开发中遇到的哪些坑(一)

    一、Spring使用过程中的踩坑记录 Spring通过注解使用多数据源 坑:@Autowired 按 byType...

  • Angular Flex-Layout总结

    使用过程中踩了几个坑,获得的教训是:不要忙着上手工具做项目!先把 官方文档 过一遍,先了解工具怎么用再开始!否则就...

  • malgee-H5

    妙味课堂慕课网 overleaf WKWebView使用过程中若干技巧和坑点latex

  • FDFullscreenPopGesture的使用及问题解决

    最近需要给APP添加手势左滑返回功能,使用了框架FDFullscreenPopGesture,把使用过程中遇到的坑...

  • 使用FDFullscreenPopGesture遇到的坑以及解决

    最近需要给APP添加手势左滑返回功能,使用了框架FDFullscreenPopGesture,把使用过程中遇到的坑...

  • Android开发中的那些坑

    这些坑主要分为几个类:分为系统API的坑、使用不当导致的坑、开源项目中的坑等几个方面 1.系统API的坑## (1...

  • Android 字体使用踩坑指南

    Android 字体使用踩坑指南 最近项目改版,根据ui的设计,需要使用到三字体。在使用过程中遇到一些坑,于是有了...

  • Hexo使用

    hexo在使用过程中有很多地方还是需要排坑的,我把排过的坑记录?一下 首先推荐一个主题,真的很赞https://w...

网友评论

      本文标题:quasar1.X使用过程中的几个坑

      本文链接:https://www.haomeiwen.com/subject/dvefbltx.html