html - 使用 Quasar Framework 时 q-field 的错误标签(结合 q-input)

标签 html css vue.js vue-component quasar-framework

我有两个关于 error-labels 的问题使用 Quasar Framework 时的 q 场(结合 q 输入) :

  1. 当错误标签显示时,它会进一步移动下方的按钮 向下。我该如何解决这个问题?
  2. 与 vuelidate 结合使用时(推荐用于 验证)我想显示适用的验证错误。 因此,不仅仅是显示:error-label="Please type a valid name" 我想显示(多个)实际验证错误 vuelidate 发现,所以例如更符合:“名称必须长于 4 字符,没有数字”。我将如何使用 error-label类星体提供?

最佳答案

  1. 尝试 <q-component :content-css="{minWidth: '80vw', minHeight: '80vh'}"> (您应该设置最小宽度和/或高度以避免 这种行为)

    1. 检查:http://forum.quasar-framework.org/topic/2263/dynamic-error-message/4

关于html - 使用 Quasar Framework 时 q-field 的错误标签(结合 q-input),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47207980/

相关文章:

html - 激活一个按钮也会影响另一个?

javascript - Whatsapp 事件聊天列表项动画

javascript - 导入后导出的模块未定义

javascript - 管理 Javascript 文件中的事件传播

html - 如何在Notepad++中使用regex(正则表达式)删除所有不包含特定字符串的HTML和JSON代码?

Javascript insideHTML 加载缓慢

html - 在页面最右侧设置按钮

html - 如何在 html 中嵌入 .AVI?

vue.js - 将静态PDF文件添加到nuxt js项目

javascript - Nuxt.js动态组件错误 "Either pre-compile the templates into render functions, or use the compiler-included build"