- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue3 预览本地pdf文件
用a标签就可以首先把pdf文件放到public文件夹下面 点击预览的时候直接直接href写/名字就好 不用其他路径 注意要跟public下面想文件名一致附：只能适用于pdf文件 doc会变成下载 只能预览pdf
2022-06-29 17:40:10
1399
原创 nvm 常用命令
记得要用管理员身份打开！nvm可以进行多个node版本的切换1.用nvm安装node其他版本 直接nvm install 版本号2.查看当前node版本nvm list3.切换node版本nvm use 版本号nvm
2022-06-14 14:55:21
258
原创 ElementPlus Dropdown下拉菜单 右侧箭头动态切换
直接套用elementplus的效果是这样的想要实现的效果是在点击时同时右边的小箭头也会旋转 且不要太生硬1）通过控制点击事件旋转恢复这个组件本身封装的时候是点击空白处 下拉框也会收起来所以单纯的控制点击事件特别麻烦 首先排除了×2）后来发现可以通过官网给的visible-change 这样就可以当下拉框出现时 旋转 下拉框隐藏时 恢复这种方式的确可以实现 但是他有一个延迟时间 观感很不好 当下拉框完全出现时才会旋转很明显这不是我们想要的最好效果3）在点击下拉框的同时 发现类名都是一样的 唯一的区别是ar
2022-06-10 10:57:31
5291
1
原创 vue3 点击空白处关闭弹框
写一个控制弹框出现的方法 用popoverFlag变量控制 const popoverFlag= ref(false) const popoverShow = () => { chartState.getData(0) popoverFlag.value = true }html在弹框和按钮处加一个@click.stop就相当于点击除了弹框和按钮的地方其他的地方都会关闭弹框 <div :class="['btn', .
2022-05-20 15:46:16
4428
4
原创 css 文字超出两行用省略号显示
<div class="list-item-case"> <p :title="i.case">{{ i.case }}</p> </div>css： .list-item-case { font-size: 14px; background: #f9f9f9; line-height: 24px; color: #666; padding: 5px 2..
2022-05-13 14:44:34
1639
原创 vue3 页面回到顶部（滚动效果）
要求：1.回到顶部按钮 动态出现 当往下滚动时出现 回到顶部时自动消失 2.动画过渡 不要太生硬 3.点击回到顶部后 滚回顶部 不可以一下子转到顶部实现效果：代码实现： html:<li :class="backTopFlag ? 'active' : 'inactive'" @click="backTop"> <i class="icon5"></i> <...
2022-04-12 15:55:25
7026
4
原创 CSS 文字两端对齐
<span class="name">时效性</span>注意一定要在span里面加一个after伪类把他撑起来 亲测有效<style> .name{ width: 70px; text-align: justify; display: inline-block; word-break: break-all; height: 21px; line-heig..
2022-04-08 11:34:10
374
原创 vue3 全选 以及取消全选功能
首先引用elementplus的模板checkbox多选框具体需要实现的功能有：1.点击全选按钮 所有的小框框都是选中状态2.当为选中状态时，点击任意条例选中框取消选中状态，则全选也随之取消3.当手动一个一个将下面的条例选中 全部的条例都是选中状态时 全选自动是选中状态具体效果图如下大概思路：准备两个数组 放数据的id（因为id是唯一的）一个将所有数据的id都放进去 另一个将选中的id放进去通过判断二者是否完全相等来判断是否全选...
2022-04-07 16:54:03
8373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人