解决vant一些样式问题(持续更新)

本文主要关注如何修改Vue的van-field组件中placeholder样式,并解决焦点获取问题。首先,讲解了如何通过CSS解决placeholder字体权重问题,然后提供了一个尝试使用官方API调用输入聚焦的代码示例及其可能遇到的错误。
摘要由CSDN通过智能技术生成

1.field

1.1修改field中placeholder的样式问题

.van-field__control::-webkit-input-placeholder {
     font-weight: 400;
}

1.2filed获取焦点(用了官网直接调用报错了,有知道的大佬可以留言)

                    <div>
                        <van-field
                                ref="moneyInput"
                                type="number"
                                v-model="money"
                                placeholder="请输入退款金额">
                        </van-field>
                    </div>
                    <div class="edit" @click="edit">
                        <van-icon name="edit" />
                    </div>
edit() {
        this.$refs.moneyInput.$refs.input.focus()
      }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值