el-input怎么加必填样式

可以使用vue中的条件渲染指令v-if和v-show来实现el-input的必填样式。

1.使用v-if指令，当输入框的值为空时，显示必填样式。

<el-input v-model="inputValue" placeholder="请输入内容" v-if="!inputValue" suffix-icon="el-icon-circle-close"></el-input>
<span v-if="!inputValue" style="color: red;">*</span>

2.使用v-show指令，当输入框的值为空时，显示必填样式，否则隐藏。

<el-input v-model="inputValue" placeholder="请输入内容" suffix-icon="el-icon-circle-close"></el-input>
<span v-show="!inputValue" style="color: red;">*</span>

其中，v-if指令是在DOM树中添加或删除元素，而v-show指令是通过CSS样式控制元素的显示和隐藏。根据实际需要选择合适的指令。