- 博客(14)
- 收藏
- 关注
RSS订阅原创 新窗口打开vue项目中的静态pdf文件，并做权限控制
问题：公司系统做安全测试，其中一个问题是没有登录的情况下，直接访问 “项目地址/operate.pdf ”此地址，会展示pdf文件。描述：点击系统内的一个按钮会打开新窗口展示系统操作手册（operate.pdf）文件，以下为原本的代码，原来将pdf文件放在public文件夹下， “项目地址/operate.pdf ”此地址就是访问的public文件夹下的pdf文件 <!-- 访问的是public文件夹下的pdf文件 --> <a class="logout_title"
2022-04-24 15:53:02
4013
原创 Echarts折线图部分区域标记
主要用到两个属性： 1. visualMap：分段标记，如图中折线红色部分 2. markLine：如图中红色标记线 option = { xAxis: [ { type: 'category', data: ['0h', '4h', '8h', '12h', '16h', '20h', '24h'], boundaryGap: false, axisTick: { show: false }, a
2022-01-08 20:11:46
2514
原创 JS获取两个数组对象中相同元素
数据源：let arr1 = [{id: 1, name: '1'}, {id: 2, name: '2'}, {id: 3, name: '3'}]let arr2 = [{id: 1, name: '1'}, {id: 2, name: '2'}]let list = []方法一：// 双重for循环，时间复杂度：n*nfor(let i = 0; i < arr1.length; i++) { let tempArr1 = arr1[i] for(let j = 0
2021-07-19 10:34:34
19225
5
原创 vue3+textarea实现高度自适应
vue3 + textarea实现高度自适应<template> <textarea ref="textareaRef" v-model="content" class="my-textarea" :rows="rows"/></template><script>import {ref, watch, nextTick, onMounted} from 'vue'export default {name: 'MyTextarea',compo
2021-06-29 11:50:44
1538
1
原创 element-plus的分页组件只显示一个箭头
问题：element-plus的分页组件只显示一个箭头描述：开发公司后台管理项目时，点击退出登录，再次登录进入到页面，element-plus的分页组件只显示了第一个箭头，但刷新页面后，分页组件显示正常，以为是缓存的原因，想了各种方法（退出登录时重置路由、尝试不用keep-alive包裹组件、点击登录按钮直接刷新整个页面（location.href=‘要跳转的地址’））， but没用原来代码：<el-pagination :current-page="pageNum" :
2021-06-24 18:00:06
809
原创 css 移动端实现头部 底部固定 中间内容滚动
自己平常编码最常用到的三种方法：方法一：flex布局<style> *{ margin: 0; padding: 0; } .container{ display: flex; height: 100vh; flex-direction: column; } .head,.footer { height: 40px; wi
2021-06-21 10:19:28
3092
原创 vue3按需导入element-plus出现警告
问题：VUE3按需导入element-plus出现以下警告描述：查看element-plus官方文档后发现，是多了这句官方文档示例：解决：
2021-06-17 16:50:40
1130
原创 vue3+element-plus中select组件首次触发@visible-change请求数据下拉框隐藏不了
问题： vue3+element-plus中select组件第一次触发@visible-change请求数据之后下拉框隐藏不了描述： 使用vue3+element-plus封装了一个表单查询组件,但是使用el-select组件中的@visible-change事件,点击出现下拉框时, 请求接口数据, 数据返回成功, 但是再次点击框时, 下拉框隐藏不了, 最开始同事说可能是element-plus版本问题, 让我升级版本看看, 升级了版本以后还是不行 (升级版本号如下),// package.json文
2021-03-31 15:21:15
4266
2
原创 使用iview中的button组件,动态改变type报错
使用iview中的button组件,动态改变type报错用element这样写的时候是不会报错的，原来iview中的button组件type不能为空，所以最后改成了这样，完美解决：// 将原来的''值改为default<Button v-for="(item,index) in tabList" :key="index" :type="item.id === tabName ? 'primary' : 'default'">{{item.name}}</Button>
2020-11-14 14:20:14
1553
原创 配置vscode格式化代码不换行
配置vscode格式化代码不换行在vscode中点击左上角的文件----->首选项----->设置, 搜索setting, 点击"在setting.json中编辑"加入以下代码 "vetur.format.defaultFormatterOptions": { "js-beautify-html": { // "wrap_attributes": "force-aligned" // vue组件中html代码格式化样式 "wrap_attrib
2020-07-29 18:59:59
3173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人