需求:使用vue+vant框架开发,移动端页面开发出传统图片验证码!效果如下图所示。
主要代码如下:
<van-field
v-model="formData.verifycode"
center
clearable
label="验证码"
placeholder="请输入验证码">
<div slot="button" >
<img :src="vImg" @click="getVerifyCode"/>
</div>
</van-field>
在<van-field 标签中 使用slot ,嵌入了一个div