vue el-input 如果用户没有输入则提示一个 错误
时间: 2024-02-05 19:11:46 浏览: 207
vue:el-input输入时限制输入的类型操作
5星 · 资源好评率100%
你可以使用`v-model`指令将用户输入的值与组件的`value`属性绑定起来,然后使用`v-if`指令根据`value`的值来判断是否显示错误提示。示例代码如下:
```html
<template>
<div>
<el-input v-model="inputValue" placeholder="请输入内容"></el-input>
<div v-if="!inputValue" class="error">请输入内容</div>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
<style>
.error {
color: red;
}
</style>
```
在上面的代码中,当用户没有输入内容时,错误提示会显示出来,否则不会显示。你也可以根据自己的需求来修改错误提示的样式。
阅读全文