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

时间:2017-11-09 17:21:21

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

在使用error-labels时,我对q-field的Quasar Framework(与q-input结合)有两个问题:

  1. 当错误标签显示时,它会进一步移动下方的按钮 下。我该如何解决这个问题?
  2. 与vuelidate结合使用时(推荐用于 验证)我想显示适用的验证错误。 所以不要只显示:error-label="Please type a valid name"我想显示(多个)实际验证错误vuelidate 找到,所以例如更符合:“名称必须长于4 字符,没有数字“。我怎么用这个 error-label quasar提供了哪些?

1 个答案:

答案 0 :(得分:1)

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

    1. 选中此项:http://forum.quasar-framework.org/topic/2263/dynamic-error-message/4