Vue,未分类

Vue移动端轮播图 中间大,两边露一点

npm install vue-awesome-swiper@3 npm install swiper <template> <div v-if="items.length" class="full-page-slide-wrapper"> <swiper :options="swiperOption" ref="mySwiper"> <!-- slides --> <template v-for="(item, i) in items"> <swiper-slide v-if="item" :key="i"> <img @click="toTopic(item)" :src="i...

read more..

HTML,Vue

IOS封装的H5移动端页面底部小黑条

ios封装的web端应用, 滚动到底部后还能继续朝下滚动,出现空白 通过监听 touchmove，让需要滑动的地方滑动，不需要滑动的地方禁止滑动。 App.vue页面 created() { document.body.addEventListener( "touchmove", (e) => { if (e._isScroller) return; e.preventDefault(); }, { passive: false, } ); }, html,body { height:...

read more..

C3H5,Vue

H5打电话发短信

<meta name="format-detection" content="telephone=yes"/> <a href="tel:13660007710">13660007710</a> <a href="sms:13660007710">13660007710</a>

read more..

JS,Vue,未分类

粘贴图片 ctrl+v

document.addEventListener("paste", function (event) { var isChrome = false; if (event.clipboardData || event.originalEvent) { //某些chrome版本使用的是event.originalEvent var clipboardData = event.clipboardData || event.originalEvent.clipboardData; if (clipboardData.items) { // for chrome var items = c...

read more..

Vue

Vue axios返回文件流

responseType:"blob", 请求接口的时候加上 let blob = new Blob([res], { type: "application/vnd.ms-excel", }); let url = window.URL.createObjectURL(blob); let link = document.createElement("a"); link.download = 'zz.xlsx' link.style.display = "none"; link.href = url; document.body.appendChild(link); ...

read more..

Vue

OSS分片式上传文件

Vue npm i ali-oss 配置oss.js import OSS from 'ali-oss' const client = new OSS({ region: 'oss-cn-hangzhou', accessKeyId: '---', accessKeySecret: '---', bucket: '---' }) export default client 使用 <div v-loading.fullscreen.lock="fullscreenLoading" :element-loading-text="loadingTxt"> <el-upload action="/upImg" ...

read more..

Vue

elementui resetFields属性未定义

我目前遇到的情况是  this.$refs[“ruleForm”].resetFields(); 提示未定义没有这个方法。但是我第二天重新打开项目就又好了。 当时报错解决方法是 this.$nextTick(() => { this.$refs["ruleForm"].resetFields(); });

read more..