Vue prevent penetration of mobile end slip events

Problems encountered in project

Moving end item, css disposed mask layer, the mask layer vertical scroll bars, touch slide mask layer, the mask layer under the region also slide together.

Solution

1. If the mask layer is not required in response to the slide. Use vue mask layer directly above "to prevent the default event": @ touchmove.prevent

2. mask layer has a scroll bar, but also need to respond to slip. To below the mask layer region css styles to achieve absolute positioning when the mask layer appears, set the page, when the mask layer to disappear. Remove styles.
css style: