VUE阻止移动端滑动默认行为：左右及上下
<template> <div :id="id" class="chart" :ref="id" @touchend="remove" @touchstart="start"></div> </template> <script> export default { props: { // 取消走势图默认事件 stopPrev: { type: Boolean, default: false, }, }, //... methods: { start(e) { if (this.stopPrev) { e.preventDefault() } }, }, } </script>VUE阻止移动端左右滑动默认行为
<template> <div :id="id" :class="{ chart: true, touch_y: stopPrev }" :ref="id" @touchend="remove"></div> </template> <script> export default { props: { // 取消走势图横向滑动默认事件 stopPrev: { type: Boolean, default: false, }, }, } </script> <style scoped> .chart { width: 100%; height: 100%; } .touch_y { touch-action: none; touch-action: pan-y; } </style>阻止移动端H5开发浏览器默认左右滑动行为
到此这篇VUE阻止移动端滑动默认行为的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/11162.html