WishMeLz

生活其实很有趣

分类 Vue 下的文章

echarts 点击事件

通用点击事件 myChart.on('click', function (params: any) { if (params.componentType == "xAxis") { } // if (params.componentType == "series") { // } }) 不是数据的地方点击不触发 myChart.getZr().on('click', (params: any) =>...
2023-07-13 05:44:29 Vue ·

一个项目不同版本的依赖包

"codemirror": "^6.0.1", "codemirror5582": "npm:codemirror@5.58.2",npm install 别名@npm:包名@版本号 npm install codemirror5582@npm:codemirror@5.58.2
2023-07-04 04:05:29 Vue ·

划词弹框

鼠标选中文本弹出悬浮框，计算选中文字的位置。@mouseup.stop="handleMouseUp" <div class="cont" id="textareaCont"> <textarea @select.stop="onSelect" @keydown="onKeyDown" ref="origintext" v-model="origin"></textare...
2023-06-26 12:45:00 Vue ·

qrcode

import QRCode from 'qrcode' let canvas:any = document.getElementById('canvas') QRCode.toCanvas( canvas, 'text', { width: 150 }, function (error) { ...
2023-06-06 11:14:57 Vue ·

浏览器内核判断

const userAgent = navigator.userAgent; const isWechat = /MicroMessenger/.test(userAgent); const isAlipay = /AlipayClient/.test(userAgent); const isChrome = /Chrome/.test(userAgent) && /Google Inc/.test(navigator.vendor); const isFirefox = /Firefox/.test(userAgent); con...
2023-05-06 08:15:00 Vue C3H5 ts ·

Vue2+Tsx 的一个问题

const userInfo: any = UserService.getUserInfo() const userId = userInfo?.userId || 0如上，userId 最后没有使用，会报什么问题？
2023-03-18 10:00:18 Vue JSX ·

Vue JSX/TSX $attrs用法

<el-table data={this.data} height={this.height} {...{ props: this.$attrs, on: this.$listeners, }} ></el-table>
2022-08-16 02:01:55 Vue JSX ·

html 导出 pdf

import html2canvas from "html2canvas" import JSPDF from "jspdf"封装 printPdf.js // 导出页面为PDF格式 import html2canvas from "html2canvas" import JSPDF from "jspdf" export default { // eslint-disable-next-line install (Vue, options) { Vue.prototype.ExportSavePdf = function (...
2022-06-13 01:45:00 Vue ·

Nodejs+Express+Vue 分片上传文件

Vue<template> <div class="upload"> <el-upload :before-upload="befUpload" class="upload-demo" drag action="/" :show-file-list="false" > <el-icon class="el-icon--upload"><upload-filled /></el-icon> <div cla...
2022-03-10 04:52:48 Vue NodeJS ·

Axios封装 2.0

import axios from "axios"; import { Notify } from 'vant'; // 这个是异常提醒弹框. vant或者ele的,在或者其他的 import router from '@/router'; // 做跳转 //下面三个是错误处理. 底下的拦截判断出异常. 这里通过 errorCreate new一个Error, 然后在使用 errorLog 打印出来在页面提示一下. 可以直接写成提示的 function errorCreate(msg) { const error = new Er...
2022-03-08 03:13:58 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"> ...
2021-10-19 04:00:25 未分类 Vue ·

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

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

H5打电话发短信

<meta name="format-detection" content="telephone=yes"/> <a href="tel:13660007710">13660007710</a> <a href="sms:13660007710">13660007710</a>
2021-03-29 06:05:42 Vue C3H5 ·

粘贴图片 ctrl+v

document.addEventListener("paste", function (event) { var isChrome = false; if (event.clipboardData || event.originalEvent) { //某些chrome版本使用的是event.originalEvent var clipboardData = event.clipboardData || event.originalEvent.clipboard...
2021-03-05 02:53:50 未分类 Vue JS ·

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....
2020-12-29 05:30:45 Vue ·

OSS分片式上传文件

Vuenpm 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" :el...
2020-12-22 04:18:39 Vue ·
  1. 1
  2. 2