最近實(shí)現(xiàn)了一個(gè)彈窗，彈窗出現(xiàn)后有個(gè)遮罩，發(fā)現(xiàn)在iPhoneXR手機(jī)上當(dāng)滑動(dòng)遮罩時(shí)，遮罩下面的頁面也跟著滑動(dòng)宾濒。一番搜索，得知需要加上@touchmove.prevent阻止滑動(dòng)事件透傳到下層：
<div class="dialog" @touchmove.prevent>
<div class="scrollcontent"></div>
</div>
這么修改后屏箍，發(fā)現(xiàn)彈出dialog之后绘梦，下層的內(nèi)容不滑動(dòng)了，但是dialog的列表也不能滑動(dòng)了赴魁。原來只需要在遮罩層加上@touchmove.prevent即可卸奉，如果在最外層加上，也會(huì)影響到正常的滑動(dòng)內(nèi)容颖御，所以最終修改如下：
<div class="dialog">
<div class="mask-flex-1" @touchmove.prevent></div>
<div class="scrollcontent"></div>
</div>
