添加 .native.prevent 修饰符即可<van-buttonround@touchstart.native.prevent="onTouchStart"@touchmove.native.prevent="onTouchMove"@touchend.native.prevent="onTouchEnd">Hold to Talk</van-button>

一、安装插件npm i qrcode.vue -S二、使用组件<template><van-popupv-model="showQr"v-bind="popupConfig"><div class="qrcode-wrapper"><div class="qrcode-title"><van-icon name="scan" />使用其他

库版本packageversionvue2.6.0vant2.12.6@amap/amap-jsapi-loader1.0.1需求：H5中获得用户位置授权后获取终端经纬度和地点名称，PC/移动端适用。Action！第一步：引入高德API库：import AMapLoader from '@amap/amap-jsapi-loader';第二步：添加插件，绘制地图AMap.Geocoder 地理编码

Vue + Vant + i18n 实现国际化及语言切换packageversionvue2.6.11vant2.12.6vue-i18n8.23.0最近一个用 react-mobile 的小型 IM App 被客户吐槽UI，所以现在用传说Vue中最漂漂的 Vant 重构一下，没办法，react实在是没有省心又好看的react库了[手动哭脸T_T]，所以喽，搞起！...

常用命令：功能/工具名称yarnnpm安装全部依赖yarn / yarn installnpm install添加一个/多个依赖yarn add xxnpm install xx删除一个/多个依赖yarn removenpm uninstall搜索 package 包/npm searchyarn：Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的

一、换行，回车换行回车在不同操作系统下的含义以下均为单击 Enter 键产生Windows：系统行末结束符是 ‘\r\n’Linux：统行末结束符是 ‘\n’Mac：系统行末结束符是 ‘\r’关于软 / 硬回车的扩展知识硬回车：就是普通我们按回车产生的，它在换行的同时也起着段落分隔的作用。软回车：是用 Shift + Enter 产生的，它换行，但是并不换段，即前后两段文字在 Word 中属于同一

IE11版本以下带来的兼容问题导致页面打开空白：解决方案:一、安装 react-app-ployfillnpm i react-app-polyfill -S二、src/index.js 中引入必须放在 index.js 文件顶部，否则无效。npm传送门：https://www.npmjs.com/package/react-app-polyfill// This must be the firs

关于Safari 中禁止音视频自动播放的问题：apple 开发者声明：https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.h

在这个前端技术迭代迅速的时代，单页面应用开发中，路由守卫已经是非常常见也是必备的需求，为了控制使用者在各种状态下的路由页面跳转，例如：是否登录，是否有路由权限等等，今天就记录一下在各种登录状态下路由配置和路由守卫。Vue Router官方文档：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html页面跳转场景：各登录状态下

常用命令：功能/工具名称yarnnpm安装全部依赖yarn / yarn installnpm install添加一个/多个依赖yarn add xxnpm install xx删除一个/多个依赖yarn removenpm uninstall搜索 package 包/npm searchyarn：Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的