提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

vue/uni-app 父组件异步动态获取数据后，子组件已加载完成 获取不到值的问题

VueApp组件异步 获取 动态 加载 完成
2023-09-11 14:19:35 时间

今天遇到一个很奇怪的问题，把editor放入到子组件中，父组件是通过异步获取服务器数据通过子组件的props传递给子组件的，页面写好后，再怎么调试子组件编辑器里始终无法获取到数据。

刚开始以为是加载顺序的问题，调试了多次还是不行，后来想到可能是服务器异步加载数据还没完成，子组件已经加载完成的问题。

解决办法：

 

<block v-if="formData.id==0 || formData.content!=''">
            <robin-editor class="editor"
               @save="setContent"
                v-model="formData.content"
                :imageUploader="uploadImg" 
                :muiltImage="true">
            </robin-editor>
            </block>

使用 v-if 判断需要向子组件传递数据的内容是否为空，如果为空，就等待加载。

 

相关文章