这篇文章主要介绍“vue在mounted拿不到props中传递的数据怎么解决”，在日常操作中，相信很多人在vue在mounted拿不到props中传递的数据怎么解决问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue在mounted拿不到props中传递的数据怎么解决”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！父组件向子组件传递参数子组件使用props获取但是当子组件中代码异步的时候，可能会出现created和mounted中取不到传递过来的参数的情况。props 传值在子组件定义props 关于mounted created获取问题当props是动态获取的时候AJAX请求获取的数据你的 name里面的值并不是固定的，而是动态获取的，这种情况下，你会发现 methods 中是取不到你的 chartData 的，或者取到的一直是默认值。比如下面这个情况解决动态获取props取值传值问题这情况我是使用watch处理：监听 name 的值，当它由空转变时就会触发，这时候就能取到了，拿到值后要做的处理方法也需要在 watch 里面执行。props 渲染时，直接使用 在DOM上使用{{name}}渲染针对于动态渲染DOM的操作问题：使用this.n e x t T i c k ( ) / / 等 待 渲 染 t h i s . nextTick() //等待渲染 this.nextTick()//等待渲染this.nextTick()将回调延迟到下次 DOM 更新循环之免费云主机域名后执行获取不到props的原因：因为父组件中要传递给子组件的 props 属性 是通过 ajax请求获取的， 请求的这个过程是需要时间的异步获取等待返回，然而子组件的渲染要快于ajax请求过程，所以此时在created 、 mounted 只执行一次的生命钩子函数中，执行完成后，此时 props 还没有传递（子组件），所以只能获取默认的props值，当props获取ajax完成后传递进来，此时生命周期函数已经执行完成。所以wacth监听数据变化来解决问题。到此，关于“vue在mounted拿不到props中传递的数据怎么解决”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
相关推荐: vue中的@click.native原生点击事件怎么实现
本文小编为大家详细介绍“vue中的@click.native原生点击事件怎么实现”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue中的@click.nativ免费云主机域名e原生点击事件怎么实现”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
