🔥🔥🔥欢迎关注csdn前端领域博主: 前端小王hs

🔥🔥🔥email: 337674757@qq.com

🔥🔥🔥前端交流群： 598778642

项目需求：模仿各种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>