問(wèn)題如題：具體場(chǎng)景描述：掃碼，支付，完成后跳轉(zhuǎn)到完成頁(yè)面，完成頁(yè)面上有付款價(jià)格，商鋪，以及優(yōu)惠券信息?？偟膩?lái)說(shuō)頁(yè)面信息不多，代碼流程也不復(fù)雜，只是一個(gè)展示頁(yè)面。但是在ios下會(huì)有一定幾率出現(xiàn)頁(yè)面空白的情況，測(cè)試大概計(jì)算了一下，10次有1~2次的頻率出現(xiàn)（特別是退出微信重新登陸了后）。出問(wèn)題后復(fù)制鏈接，重新打開(kāi)每次就又都正常

遇見(jiàn)這個(gè)問(wèn)題很詭異，完全蒙了。剛開(kāi)始以為是頁(yè)面報(bào)錯(cuò)了（這玩意就算是ios真機(jī)調(diào)試也沒(méi)辦法調(diào)試），只能alert斷點(diǎn)的方式來(lái)測(cè)有沒(méi)有流程跑不通，結(jié)果發(fā)現(xiàn)壓根頁(yè)面上沒(méi)有流程阻塞的問(wèn)題，打印節(jié)點(diǎn)也是ok的，把外部文件的引用順序也優(yōu)化了，基本上能想到的方式都試了，還是有問(wèn)題——最后，自己心血來(lái)潮（抓狂不已）下，點(diǎn)空白頁(yè)上某個(gè)點(diǎn)（大概是正常顯示金額的位置），發(fā)現(xiàn)能復(fù)制文本，于是趕緊復(fù)制出來(lái)看——文本正常，也就是說(shuō)頁(yè)面上代碼，節(jié)點(diǎn)，數(shù)據(jù)都沒(méi)有問(wèn)題，感覺(jué)就是數(shù)據(jù)拿到后壓根沒(méi)更新刷新dome樹(shù)，重新渲染的感覺(jué)（頁(yè)面不是自己對(duì)的接口，是后臺(tái)的同事對(duì)的，沒(méi)有用vue這種框架，我看了一下，有用到數(shù)據(jù)模板渲染的方式，類(lèi)似于php這種的數(shù)據(jù)渲染方式，但是是c++語(yǔ)言，只能意會(huì)，不知真意）。

問(wèn)題查驗(yàn)到這里，我大概知道如何解決了——直接把類(lèi)似于php+html這種混合開(kāi)發(fā)轉(zhuǎn)換為用vue框架的方式就可以解決了——主要的原因就是數(shù)據(jù)沒(méi)有同頁(yè)面渲染想統(tǒng)一，vue的渲染模式就可以解決了

但是這肯定是一種暴力的解決方式——換言之，這個(gè)頁(yè)面內(nèi)容少，轉(zhuǎn)換起來(lái)比較輕松，如果是一個(gè)復(fù)雜的頁(yè)面，估計(jì)后臺(tái)同事要滿(mǎn)娘的，我想用一種可以動(dòng)態(tài)更新dome樹(shù)的原生的方式，可是找了很多，沒(méi)找到類(lèi)似的，有沒(méi)有遇見(jiàn)過(guò)類(lèi)似問(wèn)題的前輩，請(qǐng)指點(diǎn)指點(diǎn)

補(bǔ)上代碼：

html
<div class="page">
    <div class="section">
        <div class="Sicon">
            <img src="~/Content/images/icon.png" />
        </div>

        <p class="Sstate t_center">支付成功</p>
        <p class="Sprice t_center">￥ @orderInfo.OrderPrice</p>
        <p class="Sname t_center">@ViewBag.StoreName</p>



        @if (rebateList != null && rebateList.Count > 0)
            {
            <div class="paySline">
                <div class="flex f_relative f_center">
                    <span>本次消費(fèi)獲得</span>
                    <hr />
                </div>
            </div>


            <div class="redList flex f_around @(rebateList.Count==2?"arrow":"")">

                @foreach (var item in rebateList)
                {
                    if (item.Type == (int)UserRebateType.OrderRebate)
                    {
                        <div class="redItem">
                            <p class="name t_o t_center">獲得店鋪返利金</p>
                            <p class="price t_o t_center">@item.Amount 元</p>
                        </div>
                    }
                    else if (item.Type == (int)UserRebateType.WeekendRedPacket)
                    {
                        <div class="redItem">
                            <p class="name t_o t_center">獲得周末紅包</p>
                            <p class="price t_o t_center">@item.Amount 元</p>
                        </div>
                    }
                    else if (item.Type == (int)UserRebateType.HighRedPacket)
                    {
                        <div class="redItem">
                            <p class="name t_o t_center">獲得高消費(fèi)紅包</p>
                            <p class="price t_o t_center">@item.Amount 元</p>
                        </div>
                    }
                }

            </div>
        }


        <div class="paybtn flex f_center">
            <div class="SbtnLine flex f_center" onclick="closeWin()">完成</div>
        </div>
    </div>
</div>

//js
<script>
//微信關(guān)閉頁(yè)面方法
    function closeWin() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            WeixinJSBridge.call('closeWindow');
        } else if (ua.indexOf("alipay") != -1) {
            AlipayJSBridge.call('closeWebview');
        }
    }
</script>

頁(yè)面正常效果圖：