何歡 - 博客园

2023年5月19日

摘要： <template> <Child1 /> <Child2 /> <component :is="currentComp"></component> <el-button @click="compChange">切换组件</el-button> </template> <script setup> 阅读全文

posted @ 2023-05-19 10:13 何歡阅读(262) 评论(0) 推荐(0)

overflow 出现滚动条内容无法铺满

摘要：如图：背景色是没有完全铺满的，现在使用的属性是： overflow:scroll 改为 overflow-y: overlay; 即可阅读全文

posted @ 2023-05-19 09:38 何歡阅读(169) 评论(0) 推荐(0)

2023年5月18日

svg 绘制不规则得图形

摘要： svg如何绘制不规则的图形？一般公司有ui，将图像下载未svg格式，在网页打开将代码复制下来，直接在网页中使用即可也可以自己在ps或者其他的绘图工具中绘制，保存格式选择svg就行，后面操作方法相同阅读全文

posted @ 2023-05-18 18:06 何歡阅读(149) 评论(0) 推荐(0)

width fit-content

摘要：添加width:fit-content 后，盒子背景宽度将随文字宽度而进行自适应。阅读全文

posted @ 2023-05-18 17:14 何歡阅读(43) 评论(0) 推荐(0)

router 一个已经完成的页面如何通过路由拆分

摘要：类似这样，一个页面有多个小nav，但刚开始已经写在一个页面，但是又不想拆分页面，来分配路由？具体操作如下：路由都跳这个页面，根据传的参数不同，展示不同的页面阅读全文

posted @ 2023-05-18 15:30 何歡阅读(32) 评论(0) 推荐(0)

Cascader 级联选择器手动关闭

摘要： <el-cascader ref="cascaderRef" v-model="value" :options="options" :props="props" @change="handleChange" /> cascaderRef.value.togglePopperVisible(false 阅读全文

posted @ 2023-05-18 11:16 何歡阅读(595) 评论(0) 推荐(1)

2023年5月17日

Cascader 级联选择器自适应内容宽度

摘要：其实主要用了js的方法 let getNode = document.querySelector('.el-cascader .el-input__inner') let widthText = getNode.value.length *16 document.querySelector('.el 阅读全文

posted @ 2023-05-17 15:48 何歡阅读(1292) 评论(0) 推荐(0)

2023年5月15日

flex 布局设置宽度后，被挤压的问题

摘要：出现被挤扁的情况，不能显示实际的宽度解决方法：有一个 flex-shrink 属性，可以解决元素被挤压的问题。 flex-shrink 属性指定了 flex 元素的收缩规则。 flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。 flex- 阅读全文

posted @ 2023-05-15 11:30 何歡阅读(1021) 评论(0) 推荐(0)

2023年4月25日

table 表格行与行的间距

摘要： :deep(.el-table__body) { -webkit-border-vertical-spacing: 13px; } 阅读全文

posted @ 2023-04-25 11:26 何歡阅读(124) 评论(0) 推荐(0)

2023年4月19日

文件流作为图片路径

摘要： <img src=“./images/test.jpg”/> <img src=“data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR 阅读全文

posted @ 2023-04-19 21:45 何歡阅读(45) 评论(0) 推荐(0)

沐阳歡

公告