- 博客(43)
- 收藏
- 关注
原创 vue3使用vue-i18n国际化
与vue2不同的是版本问题,vue2之间安装的话版本回过高。2、在src目录下新建语言文件夹。4、语言文件夹下的入口文件。3、main中引入插件。
2024-08-26 14:40:34
135
原创 vue2项目使用vue-i18n
2、scr目录下新建i18n文件夹,下边创建三个文件,分别是入口文件以及你所需的语言文件。5、页面头部可以使用下拉选切换语言。4、i18n文件下的入口文件内容。
2024-08-26 14:23:57
163
原创 vue项目中xlsx或者pdf等文件预览
上述代码 excelFile 为文件地址,出pdf外可使用免费的微软去读取展示。唯一不足就是会加载有些缓慢,回去请求微软,大家看需求使用哦。
2024-06-03 09:58:42
111
原创 vite请求报错Hostname/IP does not match certificate‘s altnames: Host: www.aceplusdigital.
【代码】vite请求报错Hostname/IP does not match certificate‘s altnames: Host: www.aceplusdigital.
2024-05-13 11:42:04
313
原创 el-upload上传满足限制条件后隐藏上传按钮
在这个例子中,当文件数量超过限制时,handleBeforeExceed方法会返回false,从而隐藏上传图标。handleExceed方法会在文件超过限制时触发,提示用户当前的上传限制。
2024-04-15 13:45:00
655
原创 el-upload上传如何携带其他参数
第二个办法:可不设置auto-upload属性,然后在before-upload事件中return false,也可以实现手动上传。两个办法,第一个办法:直接设置auto-upload为false。用el-upload上传表格数据,并且手动提交。需要将上传的文件以及后端需要的参数一并传过去。以上就可以进行手动上传啦!
2024-04-11 10:17:44
392
原创 el-dialog中的回车事件
由于需求登录回车后需要弹出弹框输入谷歌验证码,于是有了回车事件不生效的问题。这个只存在于普通的页面当中,比如登录中的按钮。弹窗中的回车事件需要在dialog上加事件。
2024-04-10 17:00:42
437
原创 git过滤
2、如果已经添加到仓库中某些没必要的文件,可食用以下代码删除跟踪。1、在项目中创建.gitignore文件,添加要过滤的文件。3、将改动push到远程仓库即可。
2024-03-25 09:56:34
140
原创 gitlab设置SSH密钥
ssh-keygen -t rsa -C “xxx@.com” – 生成新的public key,xxx@.com对应 .gitconfig文件中的email参数值;如果是已经生成了,但是不是自己的那么执行下列操作。下列命令可以查看git设置。
2024-03-14 14:26:56
885
原创 页面无操作后提示信息
这段代码会在页面加载后开始计时,如果在接下来的十秒内用户没有任何操作(鼠标移动、键盘按键、页面滚动),则会弹出一个警告框提示用户。如果用户在这段时间内有操作,计时器会被重置,重新开始计时。在前端实现页面无操作十秒后提示信息的功能,通常可以通过JavaScript来完成。弹窗可能会打扰到用户,你可以根据实际需要替换成其他形式的提示,例如在页面上显示一个自定义的提示层或者通知。// 设置无操作提示的超时时间(单位:秒)// 页面加载完成后初始化计时器。// 重置计时器的函数。// 提示信息的函数。
2024-03-14 11:04:40
394
原创 前端开发辅助工具
线上置换本地资源辅助工具1、找到线上资源2、启动本地服务。3、本地与线上一一对应,本地线上有一个js,只需要建一个URL->URL。本地线上有多个js,css资源,建立多个URL->URL4、左面是线上url,右面是本地地址,如果file,选URL→File5、打开开关本地资源覆盖线上,关掉停止覆盖6、更多help里边查看。...
2022-07-26 14:57:21
193
原创 git常用命令
windows初始化git config --global user.name “xxx”git config --global user.email “xx@xx.com”将该目录变为git仓库 git init将修改信息提交到暂存区 git add file将暂存区所有内容提交至版本库 git commit -m “提交日志”查看当前仓库状态 git status查看提交日志 git log版本回退 git reset --hard 也可以写版本标签显示每一次的命令记录 git re
2022-02-25 14:51:44
1175
原创 el-cascader的数据互斥功能2
上次的方法是操作数据源循环遍历家的disabled这次采用获取dom添加class操作上代码:<template> <div class="block"> <el-cascader :options="options" @change="handleChange" :props="{ checkStrictly: true, multiple: true }" filterable v-model="
2022-01-06 18:30:22
927
原创 vue项目启动自动打开网页
vue.config.js中设置open:truedevServer: { hot: true, open: true, proxy: proxyObj },package.json中家serve中--open"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service li...
2022-01-05 15:58:46
526
原创 el-cascader的数据互斥功能
html部分<template> <div class="block"> <el-cascader placeholder="试试搜索:指南" :options="options" @change="handleChange" :props="{ checkStrictly:true,multiple: true }" filterable v-model="selectArr"
2022-01-04 16:05:08
983
原创 纯前端导入导出txt文件
1.html部分<template> <div class="hello"> <el-upload style="display:inline-block" accept=".txt" :limit="1" :auto-upload="true" :before-upload="handleBeforeUpload" action="" > <el-button
2021-10-15 15:45:04
1584
1
原创 纯前端导入导出excel文件
1.下载xlsx插件(此插件可以读取excel文件)cnpm install xlsx --save2.html部分<template> <div class="hello"> <el-upload action="/" :before-upload="beforeUpload" :show-file-list="false" :limit="1" accept="application/vnd.openxmlformats-officedocument.s
2021-10-15 15:42:09
132
原创 vuex进阶使用
1、下载安装2、store文件夹下创建模块3、index.js中是入口文件,代码如下:import { createStore } from "vuex";//分别创建的各个模块jsimport * as actions from './actions'import mutations from './mutations'//暴露出去export default createStore({ state: { name:'张三', age:'18', sex:'
2021-09-23 10:55:39
132
原创 vuex简单使用
1.先安装vuexnpm install vuex --save2.目录src下新建store文件夹3、index.js中代码如下:import { createStore } from 'vuex'export default createStore({ //变量存放 state: { num:1 }, //同步处理数据 mutations: { changeNum(state,params){ state.num = params
2021-09-23 10:14:30
72
原创 echarts
1、下载npm install echarts --save2、main.js引入import echarts from "echarts";Vue.prototype.$echarts = echarts;3、页面<div class="bgColor"> <h1>告警来源</h1> <div class="echart" id="alertSource"></div></div>//请求后端接口获
2021-04-26 14:57:12
62
原创 根据数据长度进行分屏操作
页面:<div v-bind:class="[ playerOptions.length == 1 ? 'quarter-div' : '', playerOptions.length < 4 && playerOptions.length > 1 ? 'quarter-div4' : '', playerOptions.length < 9 && playerOptions.length &g
2021-04-26 14:51:17
60
原创 canvas通过坐标在图片上框出
1、页面 <el-dialog title="查看缺陷" v-model="defectVisible" :visible.sync="defectVisible" :close-on-click-modal="false" width="58%"> <div style="width: 600px; margin: 0 auto"> <canvas id="canvas" /> </div
2021-04-26 14:47:05
363
原创 vueAmap
1、先下载vueAmapnpm install vue-amap --save2、main.js中引入import VueAMap from 'vue-amap'Vue.use(VueAMap)//// 初始化高德地图的 key 和插件,去官网按着步骤申请keyVueAMap.initAMapApiLoader({ key: 'dd4cc5f831b67cde767de9a65f983650', plugin: ['AMap.Autocomplete', 'AMap.PlaceSear
2021-04-26 14:43:12
120
原创 关于前端页面导出pdf
1、首先html中需添加id标识,如: <div class="InspectionContent" id="infrredDomPdf"> <div class='whole-node'></div>//标识一页 </div>2、然后我们需下载html2canvas jspdf插件npm install html2canvas jspdf --save3、我再百度查看人家的文章拼在一起修改之后的代码:以便于就是转为pdf后分页的问题
2021-04-25 15:26:55
346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人