- 博客(69)
- 收藏
- 关注
RSS订阅原创 vue3滚动条重置
由于单页面应用的原理，使用vue搭建的项目在路由切换时并不会刷新整个页面。因此在有滚动条的页面会存在滚动条不能自动重置的问题。在最近的项目中就遇到了这种问题，因此记录一下。// 由于路由设置了0.3s过渡效果，所以此处设置了0.3s定时器。避免页面切换效果突兀。
2024-04-16 14:30:42
256
原创 vue3 app.directive()防止用户多次连续点击按钮
在项目中，需要对操作按钮加以限制，来防止用户多次连续点击。这就需要用到自定义指令directive。
2023-05-26 14:11:59
1149
原创 vue3+vite接口跨域处理
出于浏览器的同源策略限制，当一个请求url的协议（https）、域名（www.xxx.com）、端口（8080）三者之间任意一个与当前页面url不同即为跨域。在vue3项目中，前端可以通过配置proxy来实现。在前后端分离的项目中，经常会出现跨域的问题。
2023-05-19 18:02:15
1740
原创 Vue3+vite环境变量配置
定义：变量以 VITE_XXX进行定义。如果想自定义 env 变量的前缀，可以在vite.config.js里配置envPrefix。获取：import.meta.env.VITE_XXX和通常使用import.meta.env.VITE_XXX可以获取到环境变量，而vite.config.js除外。return {envPrefix: ['VITE', 'VUE'], // 环境变量前缀,默认只会暴露VITE开头变量，定义后可暴露VUE开头变量define: {},})
2023-05-16 11:02:31
2490
1
原创 vue3+vite项目移动端适配：postcss-pxtorem和amfe-flexible
vue3+vite项目移动端适配：postcss-pxtorem和amfe-flexible
2023-03-13 17:49:41
2110
1
原创 g2plot饼状图label显示不全
new Pie(el.value, { appendPadding: 10, data, width:600, height:400, angleField: "value", colorField: "type", color: ['#FF7420'...
2022-04-22 10:47:33
1350
原创 ES6：字符串的新增方法
String.fromCodePoint() String.raw() 实例方法：codePointAt() 实例方法：normalize() 实例方法：includes(), startsWith(), endsWith() 实例方法：repeat() 实例方法：padStart()，padEnd() 实例方法：trimStart()，trimEnd() 实例方法：matchAll() 实例方法：replaceAll() 实例方法：at()...
2022-04-19 15:15:21
188
原创 Vue3+ElementPlus设置菜单选中
做后台系统开发时，跳转路由需要保持父页面选中的状态，这时只需配置一个参数即可。第一步：配置路由 { path: "list", name: "DataList", meta: { title: "数据列表" }, children: [ { path: '',
2022-04-18 13:50:37
3251
2
转载 url、base64、blob，三者之间的转化
1. url 转 base64const urlToBase64 = (url) => { return new Promise((resolve, reject) => { let image = new Image(); image.onload = function() { let canvas = document.createElement('canvas'); canvas.width = this.naturalWidth; canvas.heig
2022-03-15 15:41:55
556
原创 vue：el-select同时获取多个值
el-select获取的是value的值。如果想同时获取多个值，可以试试如下方法： <el-form-item label="所属角色" prop="roleName"> <el-select v-model="temp.roleName" placeholder="角色" @change="handleRoleChange"> <el-option v-for="item in roleLis
2022-03-09 19:26:10
2609
1
原创 element-plus：遍历el-radio及选中默认
<template> <el-form-item label="学生性别" prop=""> <el-radio-group v-model="sex" @change="onSexChange"> <el-radio :label="item.label" :key="item.id" v-for="item in sexOptions"> {{i.
2022-03-09 14:43:01
3319
原创 VUE3 跳转传参及接收参数的方式
1.通过query传参： // 传参 const handleJump = (id) => { router.push({ path: '/xxx', //router里的路由配置 query: { id: id } }) } // 参数接收 onMounted(() => { console.log("获取到的参数", pr
2022-03-03 11:02:20
5733
原创 vue跨域问题：The value of the ‘Access-Control-Allow-Credentials‘ header in the response is...
跨域报错如下：由于我在封装axios时，设置了这个：//允许跨域携带cookie信息axios.defaults.withCredentials = true; 这一条允许在请求头里带上cookie信息。如果前端配置了withCredentials=true，后端设置Access-Control-Allow-Origin不能为 " * ",而必须是你的源地址。header("Access-Control-Allow-Origin","源地址";header("Access-C
2022-03-02 14:31:20
6096
3
原创 vite 设置启动Network 为本地ip
vue3+vite搭建页面启动之后只有localhost:3000，> Network: use `--host` to expose> Local: http://localhost:3000/打开vite.config.js，添加server--host，import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'export default defineConfig({ plug
2022-03-02 10:58:14
4914
原创 vue3 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
在scss中代码报如下错误：报错代码如下：::v-deep .el-input { border: none;}需修改为：:deep(.el-input) { border: none;}
2022-01-21 11:06:28
1872
原创 ElementPlus/ElementUI修改默认样式
在使用ElementPlus组件时，有时需要修改默认样式：1.在公共css中修改全局样式，main.js引入即可；2.修改单个页面样式：直接修改无法生效的话，可以用深度选择器：>>>/deep/::v-deep注意：在scss中使用/deep/报错，可以用::v-deep...
2022-01-19 18:14:03
3339
原创 nodejs： A later version of Node.js is already installed...
暴力删除文件夹之后，一直提示已安装什么的。打开Node.js下载一个最新版本的安装包，按照提示进行remove，就可以重新安装。
2022-01-07 17:28:41
2005
原创 svn下载项目
1.下载安装tortoiseSVN：点进此处下载2.安装完毕之后，在放置项目的位置，右键 -SVN Checkout，填写项目地址，选择OK：3.弹出用户名和密码，输入。
2022-01-04 15:06:47
1824
原创 微信小程序：跳转页面
wx.switchTab()--跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.reLaunch()--关闭所有页面，打开到应用内的某个页wx.redirectTo()--关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。wx.navigateTo()--保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。wx.navigateBack()--关
2022-01-04 14:49:02
732
原创 vue~金额、数量格式化
金额千分位（保留两位小数）；数量千分位（整数）// 用法：{{todaymoney|SumFormat}}Vue.filter('SumFormat', function(value) { //console.log(value) if(!value) return '0.00'; var intPart = Number(value)|0; //获取整数部分 var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d
2021-09-06 15:58:26
3336
原创 js比较日期大小
function compareDate(dateTime1,dateTime2){ var formatDate1 = (new Date(dateTime1.replace(/-/g,'/'))).getTime(); //日期转为字符串比较 var formatDate2 = (new Date(dateTime2.replace(/-/g,'/'))).getTime(...
2020-04-07 15:04:44
314
原创 js匹配句子中的电话
var text = '电话18612341234';var RegExp = new RegExp(/((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))/ ,'g'); //匹配电话，以便能直接拨打var newUrl = text.replace(RegExp,"<a class='tel' href='tel:$1'>$1</a>");co...
2020-01-14 17:05:55
194
原创 使用Jquery Ajax调用WebService
$.ajax({ url: '', type: 'get', data: data, dataType: 'xml', //返回格式为xml success: function(ret){ var val = $(ret).find("string").text();//获取find方法中的值，不同的WebService可能...
2020-01-03 17:09:41
185
原创 radialIndicator.js的使用（多个进度条）
<div class="process" data-num="10"></div><div class="process" data-num="20"></div><div class="process" data-num="30"></div>$.each($(".progress"), function ...
2019-10-16 15:49:31
641
原创 js获取当前年月日时分秒
var date = new Date(); var nowDate = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " +date.getHours()+ ":" + date.getMinutes()+":"+date.getSeconds(); console.log(n...
2019-09-25 17:49:03
1257
原创 vue获取选中的option值
使用@change监听事件实时获取option值<div id="app"> <select v-model="currentId" @change="change($event)"> <option v-for="(item,index) in productList" :key="index" :value="item.id" v-text="i...
2019-08-26 13:30:10
7371
3
原创 Echarts学习笔记
var myChart = echarts.init(document.getElementById('main'));option = { title : { //标题组件 show: true, //是否显示标题组件：true/false text: '920', //主标题文本 textStyle: { //主标题样式 c...
2019-08-23 16:59:02
166
原创 ECharts仪表盘样式设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ECharts仪表盘样式设置</title> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></sc...
2019-08-22 18:10:41
8484
1
原创 数组与键值对之间的转化及数组重组
一、数组对象转为键值对对象 var arr=[ { "name":"alice", "word":"Hello world", "score":81, }, { "name":"linda", "wor...
2019-08-02 18:19:29
3979
原创 解决input自动填充的问题：颜色及文字
1、chrome的输入框背景颜色变成黄色：input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; /*---- 设置内阴影 ----*/}2、input输入框自动填充文字：<i...
2019-07-24 14:34:44
3054
原创 jquery onclick(this)传参
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script> </head> <body> <di...
2019-07-11 18:33:18
3432
原创 js如何获取[object Object]
错误信息：alert显示[object object]这里需要做数据格式的转换，如下：var a= JSON.stringify(data);// 转成JSON字符串var b =JSON.parse(a); //将数据转换为 JavaScript 对象以获取对象长度b.length注：JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一...
2019-03-05 13:29:42
15675
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人