Error-message-force

1

Using VueJS

I want to mark a field with an error message, and show it with the error red underline ( Md)

<f7-input
    label="Number"
    type="text"
    placeholder="Enter number"
    info="With custom error message"
    error-message="Only numbers please!"
    :error-message-force="true"
    v-model:value="currentItem.name"
  >
  </f7-input>

I was expecting that by setting the ":error-message-force=“true”, it would force to show the red message “error-message”, but no… it is kept display:none … What is wrong, and how can do that?

2

Would be good to see minimal live example, you can use Vue template from here How to ask a good question on forum

3

Ok, sorry.

4

Ok now I see, thanks. That will be fixed in next update, for now you can just also set/unset input-invalid class on <f7-input> element