vant weapp 在打开模态框时van-field组件的placeholder会突然抖动一下

小菜又鸟

于 2024-09-06 18:47:56 发布

阅读量360

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端框架前端

本文链接：https://blog.youkuaiyun.com/qq_47557101/article/details/141966897

项目场景：

项目场景：使用vant weapp 做一个短信验证码功能，，麻了，耽搁了好久

问题描述

在打开模态框时van-field组件的placeholder会突然抖动一下

解决方案：

在van-dialog中设置 transition=“fade”


<van-dialog transition="fade" use-slot title="请输入图形验证码" show="{{ showDialog }}" show-cancel-button bind:cancel="onClose" bind:confirm="onConfirm" before-close="{{onBeforeClose}}" >
  <view class="input_list other_list">
    <van-field value="{{ imgCode }}" name="imgCode" placeholder="请输入图形验证码" error-message="{{imgCodeErr}}" bind:input="onInputChangeImgCode">
    </van-field>
    <image src="{{uuidData.checkImg}}" class="code" bind:tap="onReCode" />
  </view>
</van-dialog>