input ios change监听无效

BIP205126

ios input change事件无效 android 有效，有什么解决方案吗
<input class="f-input" type="password" v-model="valuePassword"
                    :placeholder="placeholderPassword" onchange="watchValue"></input>

技术咨询-F

能发一页简单测试代码吗， 这个应该都有效的

BIP205126

1. <template>
   
2.         <view class="">
   
3.                 <view class="form">
   
4.                         <view class="f-logo">
   
5.                                 <img src="../../images/common/logo.png" alt="" style="width:140px" mode="widthFix">
   
6.                         </view>
   
7.                         <view class="f-input-box input-phone">
   
8.                                         <img src="../../images/login/phone@2x.png" alt="" style="width:24px" mode="widthFix">
   
9.                                         <input class="f-input" type="number" keyboard-type="number" maxlength="11"
   
10.                                         :placeholder="placeholderPhone" v-model="valuePhone" onchange="watchValue"></input>
    
11.                         </view>
    
12.                         <view class="f-input-box">
    
13.                                 <img src="../../images/login/pwd@2x.png" alt="" style="width:24px" mode="widthFix">
    
14.                                 <input class="f-input" type="password" v-model="valuePassword"
    
15.                                         :placeholder="placeholderPassword" onchange="watchValue" ></input>
    
16.                         </view>
    
17.                        
    
18.                         <view class="btn-login">
    
19.                          <!-- :disabled="!isTrue" -->
    
20.                                 <button :class="isTrue?'btn-login-text-on':'btn-login-text'">登录</button>
    
21.                         </view>
    
22.                        
    
23.                 </view>
    
24. 
    
25.         </view>
    
26. </template>
    
27. <script>
    
28. 
    
29. export default {
    
30.         name: 'hoc-login-form-lr',
    
31.         apiready() {//like created
    
32. 
    
33.         },
    
34.         props: {
    
35.                 data: {
    
36.                         type: Object,
    
37.                         default: function () {
    
38.                                 return {}
    
39.                         }
    
40.                 }
    
41.         },
    
42.         data() {
    
43.                 return {
    
44.                                 placeholderPhone: "请输入手机号",
    
45.                                 valuePhone: "",
    
46.                                 placeholderPassword: "请输入密码",
    
47.                                 valuePassword: "",
    
48.                                 isTrue:false
    
49.                 }
    
50.         },
    
51.         apiready(){
    
52.                
    
53.         },
    
54.         methods: {
    
55.                
    
56.                 watchValue(){
    
57.                         // api.toast({
    
58.                         //         msg:'1111'
    
59.                         // })
    
60.                         if(this.valuePhone && this.valuePassword){
    
61.                                 this.isTrue = true
    
62.                         }else{
    
63.                                 this.isTrue = false
    
64.                         }
    
65.                 },
    
66. 
    
67.                
    
68.         }
    
69. }
    
70. 
    
71. </script>
    
72. <style>
    
73. .form {
    
74.         margin-top: -30px;
    
75.         font-size: 14px;
    
76.         border-radius: 30px 30px 0 0;
    
77.         background-color: #fff;
    
78.         padding: 30px 30px 0;
    
79. }
    
80. .f-logo{
    
81.         /* justify-content: flex-start; */
    
82.         align-items: flex-end;
    
83. }
    
84. .f-input-box{
    
85.         flex-direction: row;
    
86.         justify-content: space-between;
    
87.         align-items: center;
    
88.         border-bottom: 1px solid #efefef;
    
89.         margin-top: 20px;
    
90. }
    
91. .f-input {
    
92.         /* margin-top: 20px; */
    
93.         width: 90%;
    
94.         height: 40px;
    
95.         box-sizing: border-box;
    
96.         border: none;
    
97.         background-color: #fff;
    
98.         color: #333;
    
99. }
    
100. 
     
101. 
     
102. 
     
103. .btn-login {
     
104.         margin-top: 20px;
     
105.         width: 100%;
     
106.         height: 46px;
     
107.         border-radius: 4px;
     
108.         /* background: #17b998; */
     
109.         justify-content: center;
     
110.         align-items: center;
     
111.         color: #fff;
     
112. }
     
113. .btn-login-text {
     
114.         font-size: 15px;
     
115.         color: #fff;
     
116.         width: 100%;
     
117.         background-color: #CCCCCC;
     
118.         border-radius: 50px 50px;
     
119.         height: 50px;
     
120.         /* #FC800E */
     
121. }
     
122. .btn-login-text-on{
     
123.         font-size: 15px;
     
124.         color: #fff;
     
125.         width: 100%;
     
126.         border-radius: 50px 50px;
     
127.         height: 50px;
     
128.         background-color: #FC800E;
     
129. }
     
130. .btn-other {
     
131.         flex-direction: row;
     
132.         justify-content: space-between;
     
133. }
     
134. .btn-other-text {
     
135.         margin-top: 10px;
     
136.         font-size: 14px;
     
137.         color: #2F78CE;
     
138. }
     
139. .btn-other-text-1{
     
140.         margin-top: 10px;
     
141.         font-size: 14px;
     
142.         color: #333;
     
143. }
     
144. 
     
145. </style>
     

复制代码

技术咨询-F

oninput  ="watchValue"

这样就可以了

BIP205126 · 2022-7-22 14:54

BIP205126

oninput input type =“password” 时用的v-model绑定，会出现第一次输入没值，第二次输入才有

技术咨询-F · 2022-7-22 15:39oninput  ="watchValue"

这样就可以了

技术咨询-F

Android  还是 iOS？ 都一样吗？

BIP205126 · 2022-7-22 16:24oninput input type =“password” 时用的v-model绑定，会出现第一次输入没值，第二次输入才有

BIP205126

ios跟安卓都一样

技术咨询-F

我这测试可以

BIP205126 · 2022-7-22 16:53ios跟安卓都一样

BIP205126

发的代码里那个istrue来回触发刷新按钮的颜色的时候会出现这个问题

技术咨询-F · 2022-7-22 17:00我这测试可以

技术咨询-F

是这样，已反馈给相关技术排查

BIP205126 · 2022-7-22 17:26发的代码里那个istrue来回触发刷新按钮的颜色的时候会出现这个问题