锐客网

  1. 首页 > 睿知 > it技术 > >

uniapp里组件传值的异常情况(Watch方法的使用)

IT知识组件传值异常情况的使用

人生处万类,知识最为贤。这篇文章主要讲述uniapp里组件传值的异常情况(Watch方法的使用)相关的知识，希望能为你提供帮助。
【uniapp里组件传值的异常情况(Watch方法的使用)】  在用父组件传值给子组件一个参数后遇到了一个问题:
我在父组件传一个 ID值给子组件,但是子组件接收后,通过created生命周期或mounted生命周期里打印传递过来的值都是随机值,并不是我所传递过来的,
原因是:子组件得ID值在前,而父组件在传过去为后.
代码如下

父组件 < template> < view> < aaa :id=‘id‘> < /aaa> < /view> < /template> < script> data(){ return{ id:19754 } }, onload(){console.log(‘‘id‘,this.id)},method:{} < /script> 子组件 < template> < view> {{id}} < /view> < /template> < script> props:[‘id‘], data(){}, mounted(){ console.log(‘id‘,this.idid) }, method:{} < /script> 解决办法: 通过watch来监听传递过来的字段:把这个字段赋值给一个新字段 < template> < view> {{newID}} < /view> < /template> < script> props:[‘id‘], data(){ return{ newId:‘‘ } }, mounted(){ console.log(‘id‘,this.idid) }, watch:{ id:fuction(){ this.newID = this.id } console.log(this.newID) }, method:{} < /script>

 

    推荐阅读


    上一篇：Appendix 2- Lebesgue integration and Reimann integration

    下一篇：Android的消息机制之ThreadLocal的工作原理