写法vue2 vue js
总结Vue3 的一些知识点：Vue3 计算属性
Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
总结Vue3 的一些知识点：Vue3 项目打包
Vue3 项目打包 打包 Vue 项目使用以下命令： cnpm run build 执行以上命令，输出结果如下： 执行完成后，会在 Vue 项目下会生成一个 dist 目录，该目录一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、css 以及图片目录 ......
vue3 后台返回数据没有返回字段是true和false 值的时候，循环数组，点击单个元素单个元素变化的写法
最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
Vue3 el-input实时转大写、自动去掉空格、光标不跳动
直接上代码： <script setup> import {ref,nextTick } from 'vue' let inputValue = ref(null) let inputRef = ref(null) const handleInput = () => { // 获取光标位置 cons ......
前端vue中实现文件下载的几种方法 四种方法， a.download = "重新下命名下载文件名"
前端vue中实现文件下载的几种方法 原文链接：https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接，通过a标签向后端发送get请求，需要给a标签添加一个download属性 这种写法是创造了一个a标签， ......
js 转换image data 成黑白色。
We can even make it pure black and white by using the following calculations: * black = 0 - 382 * white = 383 - 765 And it will result in the followin ......
vue <treeSelect标签中树形选择返回非必填调整以及清内存需手动清理
绑定必须相同 校验规则需trigger我这边用的是change(数据发生改变时发生变化触发),原来用的blur(失去焦点时触发) 如上解决了我此次第一次选择完数据还报非必填问题 清理缓存 手动清理了一下dataform中的gcl的数据 要不然新增完事后还会返回数据 ......
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 ......
MyBatis传入参数为数组、list的写法
<update id="disableUsers"> UPDATE t_user SET disable_flag = #{disable} WHERE 1 = 1 <if test="userIds != null and userIds.size > 0"> AND id IN <foreach ......
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 ......