日常小问题
Realistic-er
这个作者很懒,什么都没留下…
展开
-
vue3.0中报错文件 .tsis not a module
ts文件 is not a module.原创 2022-11-12 16:52:55 · 2463 阅读 · 0 评论 -
css鼠标实现悬浮显示和隐藏
想要实现一个这样的效果,当鼠标悬浮在右边图片的时候展示出别的内容,贴出代码:思路是:有A和B两个元素,需要B实现这样的效果,首先写好B元素的样式,给B添加一个opacity这样的属性进行隐藏,利用hover功能控制B元素的显示,改变opacity的值。<a href="https://cf.qq.com/cp/a20220218newlimit/pc /neipei.html?ADTAG=media.o2qqfree.topbanner.原创 2022-03-13 13:33:03 · 7203 阅读 · 0 评论 -
vue父级路由没有component,造成子路由不显示
在后台管理的开发过程中,导航栏经常会遇到这样的需求,父级路由只是用来展示,没有组件,这样会存在一个问题,就是嵌套的子路由显示不出来,如何解决这个问题我这里记录一下:export const children = [ // 关于D3.js的使用 { path:'/annotation', name:'annotation', component: {render: (e) => e("router-view")}, meta:{原创 2022-03-06 11:29:46 · 2546 阅读 · 1 评论 -
并列的两个盒子,一个有固定宽度,如何让另一个占满
在开发的过程中,经常会遇到这样的需求,就是并列的两个盒子,一个有固定宽度,另一个盒子不指定宽度就可以占满其余的部分父盒子给添加上flex属性,左边盒子指定宽度,给右边盒子加上flex:1属性就可以了 <style> .father{ width:100%; display:flex; /*flex布局*/ } .left{ background: red; width:200px; heigh原创 2022-03-05 18:56:24 · 1071 阅读 · 1 评论 -
Invalid prop: custom validator check failed for prop “index“.
最近想使用vue.js+element ui开发一个后台管理系统来进行练手,我的导航栏组件是通过数组遍历生成的,贴出我的代码:<el-menu default-active="2" class="nav el-menu-vertical-demo" :collapse="isCollapse" background-color="#545c64" text-color="#ff原创 2022-03-04 19:16:58 · 475 阅读 · 0 评论 -
EPERM: operation not permitted, mkdir ‘my-app‘
EPERM: operation not permitted, mkdir 'my-app'原创 2022-02-19 12:59:59 · 1428 阅读 · 0 评论 -
css盒子之间的缝隙问题:
css盒子之间的缝隙问题:开发过程中,遇到一个小问题,就是上下两个盒子之间有缝隙,图中红色标记部分,dom结构为<!-- 图片的显示 --> <div> <!-- vertical-align: top; --> <img style="max-width:100%;height:100%;vertical-align: top;" :src="rowView.image"> </div> <!-- 按钮链接的显示原创 2021-10-27 11:06:23 · 1820 阅读 · 0 评论 -
文件大小转换成MB在页面显示
文件大小转换成MB在页面显示:这段时间的工作经常和上传文件打交道,也涉及到了文件的大小在页面中的显示,后端返回的字段并没有处理,如果直接使用的话不大好看所以一般尽量处理一下this.tableData.map((v) => { let size = v.size / 1048576 v.size = size.toFixed(2) + 'MB'})v.size / 1048576是字节与MB之间的单位转换,toFixed函数是用来处理保留位数的,保留几位就传几位,处理过的效果图:原创 2021-10-22 15:00:00 · 1994 阅读 · 0 评论 -
flex布局一行显示多个
在前端开发的时候,对页面布局的时候,经常遇到固定的一行显示多个,这个经常遇到,所以我想做个记录,等到下次遇到的时候,可以直接拿来使用。本篇博客会持续更新(1)flex布局之一行显示4个,如果多于4个,自动换行,代码如下<div style="display: flex; justify-content: space-between; flex-wrap: wrap; "> <div class="item" style="background-color: aliceb原创 2021-10-09 17:58:49 · 9397 阅读 · 0 评论 -
element-UI下拉选择框的value属性说明
element-UI下拉选择框的value属性说明如下图所示,这是一个多选框的效果图,<el-select v-model="value1" multiple placeholder="请选择" style="width:100%;"> <el-option v-for="item in options" :key="item.code" :label="item.chinaName" :value="item.code"原创 2021-10-09 16:43:34 · 2108 阅读 · 0 评论 -
token和swagger文件解析网站
今天偶然遇到了一个token解析的网站,记录一下:网址是https://jwt.io/左侧粉色部分将你的token复制进去,右侧关于token的详细信息就会显示出来原创 2021-10-09 11:02:58 · 462 阅读 · 0 评论 -
element- UI checkbox与后端的动态交互
最近在做公司的一个项目用到了element UI的checkbox这块东西,单纯的去使用没什么难度,但是问题是后边的红色部分的选项是由后端生成的,是否被选中也是由后端来决定的,我想就如何实现这个效果进行一个思路总结思路分为这样:(1)拿到后端所提供的所有选择项,便利循环选择项(2)拿到后端选择的内容(3)两个数组双重循环,对总的选择项中被选择到的选项添加一个新的属性checked// 硬件循环row.hardwareModelVOs.map((v) => { this.hardw原创 2021-09-29 11:46:30 · 691 阅读 · 0 评论 -
avue.js:done is not a function
avue.js在使用的过程中,遇到了一个问题,对表单进行增删改查的时候,一直报错:done is not a function。起初一直觉得是avue框架自身的问题,第一次遇到的时候糊里糊涂的给解决了,直到第二次遇到的时候,怎么改都不行,打印了一下done,输出的是一个纯数字,项目中别的地方用到过,成功了,打印台输出的是一个函数,这就纳闷了。rowUpdatePatches(row,done) { // console.log(done) const object = {}原创 2021-09-06 11:37:55 · 1690 阅读 · 0 评论 -
minio服务报403错误
关于minio遇到的一个小问题,在使用的时候存在minio服务器里边的图片被拽不下来,报了403,只看到了403,以为是账号的问题,或者是电脑系统的问题。结果查看请求头,看到这样的信息,运维同事说是电脑时间错误,没有同步,结果果然是这样。...原创 2021-08-06 14:20:02 · 9527 阅读 · 1 评论