肚子开发中关于vant-ui中uploader组件无法点击的情况

时间:2025-01-19 15:53:13

最近在开发时,使用了vant-ui中的uploader的文件上传组件,但出现了一个问题有些时候从其他界面进入就没法进行点击上传动作但一刷新又可以使用了;看了开发者工具才知道是之前设置Input属性值时也一并设置上了,导致组件中负责文件上传的input标签换了位置
解决方法:

.van-uploader__upload input{
    margin: 0;
    width: 100%;
}

这样就能避免uploader组件下的input标签乱跑的问题了,当然如果为了求稳还可以将padding和margin也统统设置为0