Vue3 el-form 表单提示validate

467 阅读1分钟

1 因为原本的提示是这样的,显示效果是要先el-input先聚焦然后失焦才会显示提示

console.log(inputName.value) inputName.value.validateState = 'error' inputName.value.validateMessage = 'name or nickname is required' console.error('name or nickname is required')

这是输出结果,显示inputName (表单里这样写 ref="inputName")内容 image.png

手动设置一下

inputName.value.validateState = 'error' inputName.value.validateMessage = 'name or nickname is required'

再放按钮触发函数里面就可出现了