three vue js
Vue导出多个sheet方法
<el-button type="primary" @click="_export">导出</el-button> import XLSX from 'xlsx' _export() { //需要导出的数据 const data = { sheet1: this.data.sheet1, sheet ......
vue3 使用 vant 实现列表上拉加载、下拉刷新
## 实现方式 实现了列表的上拉加载、下拉刷新，使用的是vant库中的 [List](https://vant-ui.github.io/vant/#/zh-CN/list) 和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re ......
js中使用Object.assign方法给对象赋值
原先的 this.addForm.strPrice = resPrice.result.strPrice this.addForm.price = resPrice.result.price this.addForm.priceId = resPrice.result.priceId 现在的只需一句 ......
vue post请求方式下载附件
因为后台大佬说参数过长，get请求报错一定要用post 1、vue前端代码 <el-button size="medium" @click='exportData(true)’ >导出全部</el-button> 2、js代码 ......
vue 一键导出数据为excel文件并附带样式 十分简单
自入行以来我就一直疑惑一个问题，导出excel为什么总是搞的很复杂，包括网上的教程，屎里淘金，非常耗费精力。今天刚好业务需要，整理一个简单明了的由vue前端导出的版本出来。 开始： #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
JS 里如何实现异步？
由于JS是单线程程操作，所以遇到了一些比较耗时的操作时，会影响到主线程的效率，比如在扫描二维码应用中，解析QR code的过程中会造成页面相机流的卡顿。所以将耗时的解析过程放到子线程中就不会影响到主线程。 使用web worker 可以实现这个功能。 ## 1. 子线程 ### 在子线程 `web_ ......
vue Js对象结构函数使用方法
写了三行不如一行搞定 原先的 const inComeTypeId = this.queryForm.inComeTypeId const currentPage = this.queryForm.currentPage const pageSize = this.queryForm.pageSiz ......
js 睡眠函数
function delay(ms) { return new Promise((resolve, reject) => setTimeout(resolve, ms)) } let init =async()=>{ console.log(1) await delay(2000) console. ......
vue3 组件传参
父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
vue3 router 路由传参
路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
直播系统源代码，js控制滚动条位置
直播系统源代码，js控制滚动条位置 private renderData = () => { /* 图形渲染方法 */ this.renderCanvas(); /* 定位滚动条，要在图形渲染之后定位 */ const dom = document.getElementById(this._para ......
js百度地图计算两经纬度坐标点的距离
百度地图提供现成的方法，直接调用就可以了 Map类 getDistance(start:Point,end:Point) Number 返回两点之间的距离，单位是米。 (自 1.1 新增) var map = new BMap.Map("container"); var point1 = new B ......
vue中使用vant中PullRefresh 下拉刷新踩坑
## 问题 PullRefresh 的内容未填满屏幕时，只有一部分区域可以下拉： ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了，代码如下 ``` ``` ## 注意 在修改css样式时，出现了一个错误，一开始使用的是以下代码来修改 . ......
vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
vite.config.ts , build: { // 如果自己分片的话，就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
vue3 reactive响应式赋值页面不渲染问题
## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......
js调用摄像头拍照及扫描二维码
#### 注：js调用摄像头需要localhost域或者https,否则会报无权限 ### 一 引用js Github：[https://github.com/mebjas/html5-qrcode](https://github.com/mebjas/html5-qrcode) ```html ` ......
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 例如：读取vue项目根目录 process.env.VUE_APP_filePath
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 原文链接：https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件：2.命名规则3.关于文件的加载使用自定义环境 ......
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......
vue --version 显示的却是vue cli的版本号，为什么？
vue --version 显示的却是vue cli的版本号，为什么？ 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号，而不是 Vue.js 的版本号，那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......
C#与Node JS互相实现DES加密解密
具体的加密算法可以可自行查询其区别，这里只是抛砖引玉，大部分加密方法基本都能通过改变传入参数来实现。 C#相关类文档： System.Security.Cryptography 命名空间 | Microsoft Learn Node JS相关文档：Crypto | Node.js v16.20.0 ......
js获取抖音视频信息配合服务器自动下载
#引入axios 方便发送请求 #解析当前页面获取视频信息 #把数据发送到服务器 注意端口号，1024以上浏览器可能会拦截，认为不安全 重复发送，防止连续重复发送，手动清除定时器 点击查看代码 ``` // 导入axios.pos let script = document.createElemen ......
JS逆向实战14——猿人学第二题动态cookie
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 目标网站 > https://match.yuanrenxue.cn/match/2 # 网站分析 首先已经告诉了我们 ......
js对象遍历和拷贝
let obj={name:'user1',age:12,gender:'man'} for(let attr in obj){ console.log(attr,obj[attr]) } const keys=Object.keys(obj) const values=Object.values( ......
vue iview render函数渲染table表头和列表内容
1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......
Vue3 watch API 踩坑记录 | 方法未定义问题
在使用 setup() 语法糖时，方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候，会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
vue3 -ts文件导入js文件报错
1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......
Vue2+Vue-baidu-map 的使用
在Vue2项目中有时候会用到百度地图插件，更适配Vue项目的可以结合Vue-baidu-map来实现。 Vue-baidu-map地址 使用npm 安装 $ npm install vue-baidu-map --save 或者使用CDN来进行引入 <script src="https://unpk ......
js数据解构
1、变量比值多可以设置变量默认值 解构 let [a,b,c,d='aaa']=[12,34,24] 2、变量比值少可以用剩余参数解构 let [a,...b]=[11,22,44,55] //a 11 b [22,44,55] 3、按需赋值 let [a,,b]=[5,6,9] 4、数组嵌套解构 ......
解决vue3自动引入element-plus后eslint警告
## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......