uniapp微信小程序使用uview 验证码输入框无法粘贴内容

近期做一个微信小程序 使用的是uniapp+uview 框架

做到验证码输入框u-code-input这个,发现无法进行粘贴选项,普通的输入框是可以粘贴的。

经过翻找代码最后做了出来

// 首先验证码输入框的父级盒子
<view class="form-view-class" :class="input_val?'code_login_ipt':''">
    <u-code-input
		v-model="input_val"
		maxlength="6"
		hairline
		color="#333333"
		borderColor="#9b9ba5"
		space="16"
		fontSize="21"
		size="40"
		mode="line"
		:focus="true"
	></u-code-input>
</view>
<script>
// js
export default { 
    data() {
  		return {
  			input_val: '', // 验证码的值
  		};
  	},
}
</script>
//css
<style lang="scss">
    .form-view-class {
        padding: 0 40rpx;
  		box-sizing: border-box;
		position: relative;
		.u-code-input__input { // 通过查看css得到的验证码输入框组件里的input类名
			height: 100%;
			width: 670
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值