HarmonyOS 鸿蒙Next关于@watch监听只回调一次的问题
HarmonyOS 鸿蒙Next关于@watch监听只回调一次的问题
我在尝试编写一个自定义的组件，其中使用到了@watch监听属性变化的方式
子组件代码如下：
@Prop @Watch(‘onOrderUpdated’) verifyOrder: stringonOrderUpdated(propName: string): void { if (this.verifyOrder == ‘clear’) { this.clearPassword() }
<span class="hljs-keyword"><span class="hljs-keyword">if</span></span> (<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder == <span class="hljs-string"><span class="hljs-string">'show'</span></span>) { <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.showKeyboard() } <span class="hljs-keyword"><span class="hljs-keyword">if</span></span> (<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder == <span class="hljs-string"><span class="hljs-string">'hide'</span></span>) { <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.hideKeyboard() }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
父组件调用代码如下：
@State verifiOrder: string = ‘’
Stack() { ETVerificationCode({ verifyOrder: this.verifiOrder }) }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
通过一个点击事件触发父控件verifyOrder属性的改变，现在发现仅在第一次点击时子控件会走监听方法，第二次及以后监听方法就完全不走了。
是我代码逻辑的问题么？各位大神有没有遇到类似问题的，求帮助。
关于HarmonyOS 鸿蒙Next关于@watch监听只回调一次的问题的问题，您也可以访问：https://www.itying.com/category-93-b0.html 联系官网客服。
更多关于HarmonyOS 鸿蒙Next关于@watch监听只回调一次的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
[@Entry](/user/Entry) [@Component](/user/Component) struct Index { [@State](/user/State) verifyOrder: string = '';build() { Row(){ MyComponent({ verifyOrder:this.verifyOrder }) .width(200)
Button(<span class="hljs-string"><span class="hljs-string">"清空"</span></span>).onClick(()=>{ <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder=<span class="hljs-string"><span class="hljs-string">"clear"</span></span> }) Button(<span class="hljs-string"><span class="hljs-string">"显示"</span></span>).onClick(()=>{ <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder=<span class="hljs-string"><span class="hljs-string">"clear"</span></span> }) Button(<span class="hljs-string"><span class="hljs-string">"隐藏"</span></span>).onClick(()=>{ <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder=<span class="hljs-string"><span class="hljs-string">"hide"</span></span> }) }} }
@Component struct MyComponent{ @Prop @Watch(‘onOrderUpdated’) verifyOrder: string
@State password:string=""
onOrderUpdated(propName: string): void { console.log(this.verifyOrder); if (this.verifyOrder == ‘clear’) { this.clearPassword() }
<span class="hljs-keyword"><span class="hljs-keyword">if</span></span> (<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder == <span class="hljs-string"><span class="hljs-string">'show'</span></span>) { <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.showKeyboard() } <span class="hljs-keyword"><span class="hljs-keyword">if</span></span> (<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.verifyOrder == <span class="hljs-string"><span class="hljs-string">'hide'</span></span>) { <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.hideKeyboard() }}
hideKeyboard() { }
showKeyboard() { }
clearPassword(){ this.password="" } build() { TextInput({text:this.password}) .type(InputType.Password) } }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>
更多关于HarmonyOS 鸿蒙Next关于@watch监听只回调一次的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
