scene
文章平均质量分 57
无心使然云中漫步
这个作者很懒,什么都没留下…
展开
-
vue prop改变,子组件更新和重新渲染
对于场景2,当在父组件中,改变传递给子组件的参数,子组件的props会跟着改变,但是mounted生命周期函数不会再次调用,所以不会发送请求,子组件显示的依然是老数据。如果子组件中的数据只有部分是请求接口返回的数据,可以选择重新渲染子组件,也可以更新子组件中部分数据。对于场景1,当在父组件中,改变传递给子组件的参数,子组件的props会跟着改变,所以子组件会更新。2.1 给子组件加ref,父组件通过ref调用子组件中的请求后端数据的方法。如果子组件中的数据仅仅是请求接口返回的数据,可以选择重新渲染子组件。原创 2024-05-20 12:56:55 · 254 阅读 · 0 评论 -
css clip-path
属性被指定来为元素创建 SVG 视口,引用框将会被定位在坐标系的原点,引用框位于由。]使用笔触边界框(stroke bounding box)作为引用框。利用对象边界框(object bounding box)作为引用框。使用最近的 SVG 视口(viewport)作为引用框。即通过引用一个svg的clipPath 元素来作为剪裁路径。分别为矩形的上右下左顶点到被剪裁元素边缘的距离(和。属性建立的坐标系的原点,引用框的尺寸用来设置。使用 border box作为引用框。使用margin box作为引用框。原创 2024-01-23 20:26:47 · 1240 阅读 · 0 评论 -
element plus el-form双列布局及拓展任意布局
布局和数据分离灵活扩展layout2.1 可以建立多个layout文件,批量引入(或动态引入)Form.vue中 ,Form.vue中利用动态组件component加载各个layout文件2.2 可以建立多个layout文件,批量引入(或动态引入)LayoutIndex.vue文件中,LayoutIndex.vue文件利用动态组件component加载各个layout文件,然后Form.vue中只渲染LayoutIndex,同时通过传参决定渲染那个layout。原创 2024-01-10 21:32:33 · 2752 阅读 · 0 评论 -
vue3 useAttrs的使用场景,提取共有props
多个类似组件都需要传参data,用于请求接口或者处理数据,想让组件干净整洁,把参数data提出来。当在组件中引用hook后,控制台会警告,同时组件无法渲染。可以使用mixin混入或者extends继承(略)原创 2024-01-09 20:41:46 · 694 阅读 · 0 评论 -
vue3 element plus el-table封装(三)
上文是对el-table的基本封装上增加slot插槽,并且对col插槽进行拓展,本文主要时增加分页组件,同时进行slot传递。//CustomTable.vue增加空表格插槽,分页组件,slot传递,必要时可以扩展多个CustomTable组件。如果分页组件使用默认值,绑定true即可,如果需要自定义,绑定对象。//BaseTable.vue没有变。原创 2024-01-02 22:31:16 · 816 阅读 · 0 评论 -
vue3 element plus el-table封装(一)
本文是对el-table的基本封装,很常规的操作,主要是对列的封装,可以根据列配置数组进行渲染,后续会追加分页,列分类格式化等扩展封装//BaseTable.vue//index.vue方式二(自定义## Attributes继承)//BaseTable.vue//index.vue原创 2023-12-30 23:59:38 · 859 阅读 · 0 评论 -
vue场景 无分页列表条件过滤,子组件多选来自父组件的列表
日常开发中,经常会遇到下面场景:页面加载一个无分页列表,同时工具栏设置多个条件可对列表过滤的场景(典型的就是关键字模糊查询)父组件传给子组件列表,子组件中需要多选列表多选,选择结果返回父组件原创 2023-12-24 21:10:34 · 797 阅读 · 0 评论 -
git 常用命令
日常开发中,git命令运用场景不少,在此记录下。原创 2023-12-23 23:40:37 · 610 阅读 · 0 评论 -
css 三角形实现方式及快速联想记忆
css实现三角形是常见的需求,在此记录如下原创 2023-12-23 00:40:19 · 1155 阅读 · 0 评论 -
vue element plus 管理系统路由菜单简要设计(后端获取菜单)
管理系统“菜单”由后端接口返回,前端需要根据后端返回的“菜单”数组,构造路由,渲染侧栏菜单有些菜单是子菜单,有对应的路由,但是不在侧栏显示(比如一些详情页面)原创 2023-12-21 23:19:16 · 2976 阅读 · 0 评论 -
element plus el-scrollbar嵌套,自定义命中滚动条
布局为头部区域(淡蓝色),侧边栏区域(淡粉色),内容区域(淡绿色),其中内容区域上部(黑线以上)为面包屑区域 需求:1.内容区域可以整体纵向滚动 2.内容区域下部(黑线以下)可以滚动。后台管理系统,经典布局,固定头部。原创 2023-12-21 00:01:22 · 920 阅读 · 0 评论 -
vue 流光边框矩形圆形容器
实现流光边框一般是用渐变背景加动画实现,然后使用内部盒子遮挡内部空间,达到边框流光的效果思路:背景渐变+旋转动画。原创 2023-12-19 19:54:34 · 1097 阅读 · 1 评论 -
vue 斑马线进度条,渐变进度条
vue 斑马线进度条,渐变进度条。功能:自定义渐变(是否渐变,渐变颜色)自定义斑马线(角度,宽度)自定义百分比位置以及前缀文字、后缀文字自定义动画时间原创 2023-12-18 19:29:24 · 870 阅读 · 0 评论 -
vue3 弧形菜单构思设计
因为曲线扁平,所以下面style中用每一项文字旋转和右边距仅仅进行了视觉上拟合,并没有进行严谨的拟合,参数可以自行修改。原创 2023-12-12 22:53:15 · 772 阅读 · 0 评论