show error message in mdb-input

Topic: show error message in mdb-input

Pisarev pro asked 6 years ago

Hi, I try to use an error message with mdb-input component but it doesn't work:

<mdb-input type="text" id="name" :invalid="true" :error-msg="'some error...'" :value="name" @input="name = $event" label="name"/>

In Input.vue component you have a prop "errorMsg" which I use but I don't see you use it in a template at all:

<template>

<div:class="wrapperClass">

<iv-if="icon":class="iconClasses"/>

<labelv-if="label && basic":class="labelClasses"@click="focus"ref="label":for="id">{{label}}</label>

<component

:is="tag"

:id="id"

:class="className"

:type="type"

:placeholder="placeholder"

:disabled="disabled"

@focus="focus"

@blur="blur"

@click="wave"

@change="onChange"

ref="input"

@input="onChange"

:name="name"

:required="required"

:checked="innerChecked"

:value="innerValue"

/>

<labelv-if="label && !basic":class="labelClasses"@click="focus"ref="label":for="id">{{label}}</label>

<slot></slot>

</div>

</template>

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Vue
MDB Version: 4.6.0
Device: Notebook
Browser: Chrome
OS: Windows
Provided sample code: Yes
Provided link: No

Pisarev

Pro User 116Support score
7Questions 8Answers 0Snippets