近期做一个微信小程序 使用的是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