摘要: get请求转码 关于qs插件 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。 安装qs axios中自带qs无需下载,若单独下载只需npm install qs即可 使用 组件中单独引入 import qs from 'qs' 或者全局引入(ma 阅读全文
posted @ 2023-12-12 18:18 朝颜浅语 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 图片等比放大居中 在一些情况下需要保证图片缩略图窗口大小固定,但是图片分辨率比例多种多样,需要在展示固定比例的窗口下展示不同分辨率的图片,还需保证展示的图片不被拉伸变形,保持原有比例的基础上进行等比放大。 // 外层 .img-box { // 等比放大图片,超出部分隐藏 width: 120px; 阅读全文
posted @ 2023-12-12 16:10 朝颜浅语 阅读(108) 评论(0) 推荐(0) 编辑
摘要: Vant列表list使用方法 Vant列表list的使用方法和注意事项 下列代码为允许下拉刷新 1.使用组件 <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finis 阅读全文
posted @ 2023-12-12 15:56 朝颜浅语 阅读(627) 评论(0) 推荐(0) 编辑
摘要: three.js 3D模型使用 安装 安装three.js npm install three 安装轨道控件插件 npm install three-orbit-controls 安装加载.obj和.mtl文件的插件 npm install --save three-obj-mtl-loader 安 阅读全文
posted @ 2023-12-12 15:43 朝颜浅语 阅读(187) 评论(0) 推荐(0) 编辑
摘要: elementUI表单校验 1.表单上加rules {object}(常用) 增加普通校验规则 <el-form :model="form" :rules="rules" ref="form"> <el-form-item label="姓名:" :label-width="formLabelWid 阅读全文
posted @ 2023-12-12 15:34 朝颜浅语 阅读(247) 评论(0) 推荐(0) 编辑
摘要: WebSocket实时推送 创建一个WebSocket对象: 准备变量 mounted() { // 初始化 const uri = window.location.href; // 获取网页url const protocol = uri.split("/")[0]; // https: 确定当前 阅读全文
posted @ 2023-12-12 14:07 朝颜浅语 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 生成二维码 用于vue项目通过字符串转换生成二维码的三方插件 安装插件 npm install --save qrcode 引入使用 import QRCode from "qrcode" 页面 <!-- 放置二维码的容器--> <canvas :id="'qrCode_id' + stringxx 阅读全文
posted @ 2023-09-15 16:47 朝颜浅语 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 事件总线 需要在不同页面间传递参数或者进行方法调用,可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面(发起请求) import Event fro 阅读全文
posted @ 2023-04-18 15:37 朝颜浅语 阅读(310) 评论(0) 推荐(0) 编辑
摘要: VUE项目导出功能_前端导出Excel_Export2Excel.js vue项目利用插件直接进行excel生成。 1.安装依赖 npm install -S file-saver npm install xlsx@0.14.1 -S npm install -D script-loader 高版本 阅读全文
posted @ 2023-01-17 11:57 朝颜浅语 阅读(46) 评论(0) 推荐(0) 编辑
摘要: img标签图片加载异常处理 img标签中的src如果加载失败会显示错误文件,可以利用以下方法处理异常图片 VUE 写法 页面 <img :src="scope.row.picUrl" alt="" @load="imgLoad" @error="setDefaultImage($event)" /> 阅读全文
posted @ 2023-01-14 14:46 朝颜浅语 阅读(906) 评论(0) 推荐(0) 编辑