- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 element table表格渲染单层或者多层动态表头
渲染单层动态表头 <el-table :data="tableData" border style="width: 100%" v-loading="loading"> <el-table-column prop="month" label="月份"></el-table-column> <el-table-column v-for=...
2020-04-23 13:18:30
947
原创 vue 百度地图 使用 vue-baidu-map 进行当前位置定位和范围展示
最近写项目的时候，做到了考勤打卡的模块内容，需要选择考勤打卡的位置信息以及打卡的范围展，所以做出以下的记录，方便大家参考学习（如下图展示）
2024-04-12 13:28:34
2665
原创 vue 使用Ace Editor 编辑器 实现 格式化代码、下载、复制、搜索、替换等功能
由于我司想要在内网中搭建一个本地的postman且更强大的api测试工具,用来测试api 的项目,于是搜集了在市面上目前有多款主流apifoxapifox等多种类似的项目，但是想要布置的话，都需要用到moeny，于是有大活了下面讲的是我在项目中使用到的vue2-ace-editor实现的一些功能,如上图所示.这就是目前项目中所使用到的东西,当然还有很多的强大的功能没有使用,如果你还有什么不懂的问题,可以随时加我微信x79818253。
2023-11-06 16:28:25
2474
原创 vue中 axios get请求,使用formData传递参数给后台
简单记录一下axios get请求,使用formData传递参数给后台。// GET 请求传递 formData。POST 请求传递 formData。
2023-10-13 10:48:00
2672
原创 vue v-for 循环中 绑定 style 传递参数 方法 在computed 中使用
常常遇到动态获取数据后，多种样式来判断字体的颜色，可以使用绑定style或者class，如 :style=“{ color: textColor, fontSize: item.fontSize + ‘px’ }” , :class=“Bclass(item)” 等 多种方法，所以在此记录一下。但是有的时候我想简洁代码，需要在style 或者class 中 传递 item 的参数。
2023-06-28 15:00:19
1268
原创 uniapp 中 引入vant组件 和 vant 报错Unclosed bracket 的问题解决
在uniapp 中引入vant组件，遇到一个报错，所以在此记录一下完整过程。
2023-06-28 10:10:39
3214
1
原创 vue3 + Ts + vite + vant4 + Sass 制定vant4的全局主题色彩配置 或者定义全局样式
最近在用vue3+vite+vant4的时候，想要vant全局改变按钮或者字体颜色。或者单独定义全局的样式。
2023-05-11 14:03:27
2421
原创 vue3+vite中 使用@不能找到模块 Cannot find module ‘@/utils/request‘ or its corresponding type declarations
在引入ts 文件的时候，我使用 import requset from ‘@/utils/request’;/utils/request"的时候是可以引入的成功的，加上@ 不行，那问题可能与@有关。执行 npm i @types/node --save-dev 项目结构中会自动生成一个vite-env.d.ts文件。(2) 在 tsconfig.json中配置代码。(1)配置别名 vite.config.js。使用上面的代码，我的文件就可以正常引入啦。
2023-05-08 11:15:36
7692
原创 vue3.0版本 使用less 定义全局颜色/样式变量
时，遇到样式不能全局定义的问题，本文中没有使用vite 创建项目和没有使用ts，是配置在vue.config.js中，定义全局less样式。二、再安装 style-resources-loader 和 vue-cli-plugin-style-resources-loader。三、然后在vue.config.js 配置中加入代码。一、先安装less 和 less-loader。近期在写vue3的项目使用。修改配置，记得重新启动项目哟~
2023-04-25 16:42:22
1808
原创 js echarts 固定颜色按顺序组合 或者随机生成颜色
在使用echarts的时候，图标的数据量总是很多，但是颜色可以随机生成，也可以使用自己固定的颜色，但是数据量是不确定的，而颜色只有几个，这边我就分享了一下按照顺序组成颜色的代码。
2023-03-20 11:03:04
1180
原创 vue 点击a链接 实现url下载文件
首先介绍一种 创建a链接的方式下载文件 const a = document.createElement('a') // 这里是将url转成blob地址， fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址 a.href = URL.createObjectURL(blob) a.download = name || '' // 下载文件的名字 document.bod
2022-02-15 10:27:25
3960
1
原创 vue+element 时间选择器、限制时间范围控制 在computed 中进行计算
首先在时间选择器中定义 :picker-options=“pickerOptions”<el-date-picker range-separator="至" start-placeholder="开始日期" endplaceholder="结束日期" :picker-options="pickerOptions"></el-date-picker>在computed 中写入：我这边是根据time_space的值来判断到底是什么样的范围computed:{ pic
2021-09-07 09:26:57
712
原创 h5 app跳转客服咨询 临时会话 (没有开通在线咨询、无法会话)
// app中 uin 就是放置qq号的地方 if(window.plus){ plusReady() }else{ document.addEventListener('plusready',plusReady,false); } function plusReady(){ plus.runtime.openURL(`mqq://im/chat?chat_type=wpa&uin=1234567&version=1&src_type=web`
2021-06-09 12:15:07
2047
原创 js 截取随机字符串
使用toString(16)取随机字符串 Math.random().toString(16).substring(2, 15);使用 split(0)使用数字来做为 split 的分隔条件可以节省2字节 // --- before --- "alpha,bravo,charlie".split(","); // --- after --- "alpha0bravo0charlie".split(0);使用.link() 创建链接// --- before --.
2021-05-27 14:04:58
492
原创 echarts 地区分布图 点击省份显示对应的省份
由于echarts中没有找到地区分布图、所以从网上找了一下、留下 代码片// 由于地区化的特殊所以要做一些特殊引入npm install echarts --save //先引入echarts//main.js中import echarts from 'echarts' // 这一步是引入echarts的插件Vue.prototype.$echarts = echarts // 这一步是为了能在全局直接使用//重点之处import china from 'echarts/map/jso
2021-05-15 14:36:12
1298
原创 js获取n分钟后（或前）的时间
var date=new Date(); //1. js获取当前时间var min=date.getMinutes(); //2. 获取当前分钟date.setMinutes(min+10); //3. 设置当前时间+10分钟：把当前分钟数+10后的值重新设置为date对象的分钟数var y = date.getFullYear();var m = (date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : (date.
2021-03-05 13:57:19
4239
原创 生成0-10，10-20,各个范围内的随机数
Math.random() 这个函数可以生成 [0,1) 的一个随机数。利用它，我们就可以生成指定范围内的随机数。// 首先我们需要知道下面这几个概念Math：数学对象，提供对数据的数学计算。1.Math.random(); 返回为0-1间的一个随机数(包括0,不包括1)2.Math.round(num); 函数结果为num四舍五入后的整数，参数num为一个数值。3.Math.floor(num); //向下取整；函数结果为num的整数部分，参数num为一个数值。4.Math.ceil(nu
2021-02-05 09:21:31
6666
原创 css实现流星划过的效果
/* 开始 */body { background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); height: 100vh; overflow: hidden; display: flex; font-family: 'Anton', sans-serif; justify-content: center; align-items: center;}.night { posi...
2021-01-06 13:57:34
835
1
原创 炫酷操作
//mp4炫酷https://easyv.dtstack.com/medias/banner_video@x2.mp4// 彩色循环background: linear-gradient(135deg, rgb(238, 5, 5), #f90, #3c9, #09f, rgb(240, 6, 162))left center/400%400%;animation: move 10s infinite;
2020-12-08 15:07:51
91
原创 小程序封装全局性的api请求、以便于管理代码
在utils中创建config.js来存放域名export default { // api请求前缀 webUrl: 'https://xxxx.com/api/'}接着还是在utils中创建request.js来存放api请求//先引入config中的域名import config from "./config.js";//api请求function https(httpstype, url, data) { var apiUrl = config.webUrl + url;
2020-11-23 10:44:20
335
原创 css 收货地址的平行四边形的线条样式
// 收货地址的平行四边形的线条样式 <view class="top"></view> //样式 .top{ background-color: #fff; position: relative; } .top:before{ position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: repeating-li
2020-10-09 16:32:53
602
原创 vue+element的 el-cascader进行省市区县选择三级四级联动
//prop进行自定义的value和label以及children<el-cascader v-model="value" @active-item-change="handleItemChange" :props="{ value: 'code',label: 'name',children: 'children'}" :options="options" @change="handleChange"></el-cascader>//先获取省的接口handleP
2020-09-26 09:46:27
1519
2
原创 vue页面中嵌入iframe 监听iframe 中事件
//vue组件中是个弹框<template> <el-dialog title="编辑" :visible.sync="editDialog" center :fullscreen="true" append-to-body v-loading="loading"> <iframe :src="iframeurl" frameborder="0" style="width:100%;" :height="height"></iframe> &
2020-08-01 11:24:42
10219
6
原创 vue h5 引入外部js进行 amr 的音频播放（audio标签无法播放amr的解决方案）
微信中的语音格式是amr格式、但是在普通的audio中不能播放、找
2020-07-13 10:40:57
3123
1
原创 vue.js 终止请求和请求超时的方法
当前端请求发送并且响应未完成时，终止请求，不再返回数据1、Axios 提供了一个 CancelToken的函数，这是一个构造函数，该函数的作用就是用来取消接口请求的。利用axios请求的config参数，向axios添加一个包含cancelToken的config配置对象。示例：<body> <div id="app"> <button @click="getMsg" class="get-msg">获取数据</button> <
2020-05-21 10:51:49
7044
原创 vue中promise all的在methods方法中的使用
下面直接上 代码。methods:{ geta(){ return new Promise((resolve, reject) => { axios.post(url) .then(response => { resolve(response) }) .catch(error => { reject(e
2020-05-20 09:36:26
1528
原创 element表格的有滚动条时产生错位或者偏移
网上有很多的方法、但是始终对我没作用，怀疑遭到了针对、但是解决方法找到了如下：/* 修改element表头错位的问题 */.el-table--border th.gutter:last-of-type { display: block !important; width: 17px !important;}这个css完美解决了我的问题、再也没有烦恼了此外再赠送一个改变滚动条样式的方法/* 修改滚动条的样式 */::-webkit-scrollbar { width:
2020-05-16 09:29:59
4671
5
原创 网页端调起微信二维码进行页面登录
官方：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html首先需要去平台注册、才可以进行下面操作：根据下面的方法可进行直接操作：encodeURI（）是编码的意思重新定向网页const appid = 'xxxxxxxx'const redirect_uri = encodeURI('http://xxx.com')const url = 'https://open.w
2020-05-14 15:06:19
489
原创 element-ui 表格前列实现单选功能checkbox
表格前列实现单选功能 <el-table-column width="50" label="勾选"> <template scope="scope"> <el-radio v-model="radio" :label="scope.$index" @change="getCurrentRow(scope.$index,scope.ro...
2020-04-23 11:11:11
301
原创 vue js 数字从1到10的自动递增展示页面
<span>{{count}}</span>data:{ count：0}function(){ //进行运算 var num = 0; var t = setInterval(() => { num++; this.count = num if (num == 10) { clearInterval(t...
2020-03-10 14:22:57
2620
原创 element 时间选择器把选择时间限制在本月之内
<el-date-picker v-model="value" type="month" placeholder="选择月" :clearable="false" value-format="yyyy-MM" size="small"></el-date-picker> // 2020-03-05data:{ pickerOptions: { ...
2020-03-05 16:16:16
760
原创 element 时间选择器、把时间限制选择的月份之间
<el-date-picker v-model="date" type="daterange" range-separator="至" value-format="yyyy-MM-dd" size="mini" :picker-options="pickerOptions" start-placeholder="开始日期" end-placeholder="结束...
2020-03-04 15:41:21
1367
原创 vue单页面中嵌套ifarm·获取ifarm页面中的值
因为工作的需要、所以一直都在用html的形式来写vue、用的ui框架是element、两个页面都是vue页面、下面就是我在这之中遇到的问题// 父页面中的ifarm<iframe :src="src" frameborder="0" ref="refed" width="100%" height="500px"></iframe>在父页面中的 data中先定义sr...
2020-01-18 10:09:19
2541
原创 数字 数组类型转化
[1,2,3].map(String) ==> [‘1’,‘2’,‘3’][‘1’,‘2’,‘3’].map(Number) // [1,2,3]0.toString() 数字传字符串 ‘0’Number(n5)字符串转数字
2019-08-25 15:01:59
332
原创 html 中 文件的预览使用
“https://view.officeapps.live.com/op/view.aspx?src=” + photo; 预览
2019-08-25 14:59:31
1252
原创 **获取url中“?“符后的字符串**
获取url中"?"符后的字串话不多说、直接上代码var url = decodeURI(decodeURI(location.search)); //获取url中"?“符后的字串，var theRequest = new Object();if (url.indexOf(”?") != -1) {var str = url.substr(1);strs = str.split("&am...
2019-08-25 14:52:14
208
upload.html
2020-01-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人