项目需求:模仿各种app的短信验证码框,在输入框的右侧有一个按钮,用于实现获取动态码,如图所示:
思路如下:在一个输入框中通过插槽添加按钮
难点:对插槽不熟悉,不知道怎么插,官网文档没示例代码
代码如下:
<el-input style="width: 300px;height: 50px;" v-model="yanzhengma" placeholder="验证码"> <template #suffix> <el-button type="primary" style="height: 45px;">获取动态码</el-button> </template> </el-input>