![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Quasar
读不懂的标题
Python方向
展开
-
Quasar中处理鼠标进入显示,移出隐藏操作
当界面感觉比较拥挤时,我们可以把一些控件进行隐藏,等到鼠标进入这个主题时在进行显示。样式代码如下:<style lang="sass">.TaskChange:hover .taskBtn display: block.taskBtn display: none</style>...原创 2020-06-01 15:49:03 · 670 阅读 · 0 评论 -
Quasar 中对input控件输入的内容验证
内部验证在quasar中使用q-input控件进行内部验证的时候我们可以使用:rulegs属性来验证QInput组件。指定嵌入式规则数组或您自己的验证器。 您的自定义验证器将是一个函数,如果验证器成功,它将返回true,否则将返回带有错误消息的String。自定义规则:value => condition || errorMessagevalue => value.includes('Hello') || 'Field must contain word Hello'<te原创 2020-05-15 14:25:47 · 3989 阅读 · 1 评论 -
Quasar中使用mqtt接收服务器数据改变界面状态
首先我们把mqtt安装到quasar 项目中quasar new b mqtt可以在项目的src/boot目录下生成一个mqtt.js文件在mqtt.js文件中我们将全局使用本文件中的vue对象去操作各个vue文本中需要的数据import Vue from 'vue'const bus = new Vue()const mqtt = require('mqtt')export...原创 2020-04-23 11:39:57 · 492 阅读 · 0 评论 -
quasar中处理图片切换闪烁问题
当我们使用v-if判断加载数据的时候,只有判断满足条件了才加载,而v-show是不管条件满足不满足,它都是已经加载在哪里了,只是让它显示与隐藏的效果,用v-show来处理图片切换可以避免闪烁问题。下面是quasar中对界面的操作,如果在vue中使用,把q-去掉就可以了。 <div v-show="k===2" style="margin-left:25%"> ...原创 2020-04-21 15:43:22 · 361 阅读 · 0 评论 -
Quasar 禁用ESLint代码规范
在Quasar项目中,你需要做的就是从/quasar.conf.js注释掉(或删除)下面的代码:build: { extendWebpack (cfg) { /* * we comment out this block * cfg.module.rules.push({ enforce: 'pre', test: /\.(js|vu...原创 2020-01-11 15:57:05 · 1011 阅读 · 0 评论 -
Quasar的配置文件说明
Quasar的/quasar.conf.js文件配置说明属性 类型 描述css Array 来自/src/css/的全局CSS/Stylus/…文件,默认包含的主题文件除外。preFetch Boolean 启用PreFetch功能.extras Array ...原创 2020-01-11 11:01:43 · 3700 阅读 · 0 评论 -
QUasar(安装及目录结构)
Quasar 中文文档连接点击这里Quasar 安装# Node.js> = 8.9.0是必需的。$ yarn global add @quasar/cli# 或者$ npm install -g @quasar/cli创建项目$ quasar create <folder_name>项目的目录结构.├── src/│ ├── assets/ ...原创 2020-01-10 17:47:11 · 4015 阅读 · 4 评论