勤奋的新加坡华侨 發表於 2021-12-18 11:59:00

uni-app页面监听、传参、通信

<h1>问题1:uni-app页面返回上一页 界面不刷新</h1>
<h1>问题2:进入页面修改后上个页面参数无法发送改变</h1>
<h2><span style="color: rgba(0, 0, 0, 1)">在父页面添加</span></h2>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">

let that </span>= <span style="color: rgba(0, 0, 255, 1)">this</span><span style="color: rgba(0, 0, 0, 1)">;
uni.$on(</span><span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">relationInit</span><span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(0, 0, 0, 1)">,function(data){
that.getUserDeptCompany()
})



onUnload() { //销毁
    uni.$off('relationInit')
},</span></pre>
</div>
<p><img src="https://img2020.cnblogs.com/blog/1665938/202112/1665938-20211218115753852-142434674.png" alt="" loading="lazy"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>子页面 执行完修改 在回调处添加</h2>
<div class="cnblogs_code">
<pre> uni.$emit(<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">relationInit</span><span style="color: rgba(128, 0, 0, 1)">'</span>,{msg:<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">页面更新</span><span style="color: rgba(128, 0, 0, 1)">'</span>})</pre>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>问题2:</p>
<p>A页面 前往B页面修改内容</p>
<p><img src="https://img2020.cnblogs.com/blog/1665938/202112/1665938-20211218140829562-1402877424.png" alt="" loading="lazy"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>B页面接收参数</p>
<p><img src="https://img2020.cnblogs.com/blog/1665938/202112/1665938-20211218140925790-34584390.png" alt="" loading="lazy"></p>
<p>&nbsp;</p>
<p>&nbsp;B页面执行修改</p>
<p><img src="https://img2020.cnblogs.com/blog/1665938/202112/1665938-20211218141448953-132770683.png" alt="" loading="lazy"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;返回到A页面</p>
<p><img src="https://img2020.cnblogs.com/blog/1665938/202112/1665938-20211218141035194-2085101126.png" alt="" loading="lazy"></p>
<p>&nbsp;</p>

</div>
<div id="MySignature" role="contentinfo">
    <div id="AllanboltSignature">   
    <div><span style="font-weight:700;color:#3a416f;">本文作者:</span>___mouM</div>
    <div><span style="font-weight:700;color:#3a416f;">本文出处:</span>https://www.cnblogs.com/aknife/</div>
    <div><span style="font-weight:700;color:#3a416f;">声援博主:</span>如果您觉得文章对您有帮助,可以点击文章右下角<span style="color:#5c8ec6">【推荐】</span>一下。</div>
    <div><span style="font-weight:700;color:#3a416f;">版权说明:</span>本文版权归作者和博客园共有,欢迎转载。但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利.</div>
   
   
</div><br><br>
来源:https://www.cnblogs.com/aknife/p/15704713.html
頁: [1]
查看完整版本: uni-app页面监听、传参、通信