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

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

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

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

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

刚开始感觉挺简单,这个q-table组件语法和以前版本一样嘛,但按照以上语法执行后,数据表中始终出不来数据,百思不得其解。

平时比较习惯看中文的官网,所以我查看的是 中文版官网 。后来我尝试到 英文版官网 上看了一下,惊讶的发现这上面的语法竟然是:

按照以上语法,我修改为:rows,问题迎刃而解,表格中的数据如期而至。

不禁感慨,这是quasar有意折腾我们这些开发者的吗!

吃一亏长一智,以后只能尽量参考英文资料。

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

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

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

经过确认,: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",就能正常选择每条记录了。

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

需求:quasar调用后端服务。

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

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

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

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

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