自定义组件
文章平均质量分 63
coder_yihua
这个作者很懒,什么都没留下…
展开
-
dragTabs(vue)
vue实现tabs拖拽。原创 2022-11-25 16:52:56 · 611 阅读 · 0 评论 -
canvas切割原图为九宫格图片
canvas切割原图为九宫格图片。原创 2022-11-24 09:10:59 · 456 阅读 · 0 评论 -
vuedraggable实现树形拖拽组件
开发可视化项目而做的树形拖拽组件。需要拖入为子元素需要children并且为树形展开的情况。原创 2022-10-25 14:44:58 · 4135 阅读 · 3 评论 -
CodeMirror(代码编辑器)vue使用及placeholder实现
CodeMirror(代码编辑器)vue使用及placeholder实现。原创 2022-09-28 14:51:01 · 1364 阅读 · 0 评论 -
循环组件动态创建样式
vue可以使用v-bind:style绑定样式,但是权重层级比较高。在一些场景使用CSS写class样式更好,但是某些场景生成更多的元素,针对与每个都有特定的样式,比如低代码平台写table组件对于每一列都可以设置自己的样式,此时我们可以创建动态类,但是如何去绑定那就不能写死了,所以下面这种方式动态创建style标签可以使用,当然下面的方式中,注意参数的使用。以下是通过原始模拟了组件创建和销毁,在vue中对应mounted和unmounted两个生命周期。...原创 2022-08-17 19:00:00 · 293 阅读 · 0 评论 -
原生JS实现树级表格
一级数据直接展示,其余的数据暂时不生成。带到点击某一个一级在去生成其对应的二级数据,并且后续只需要判断是否存在,存在则隐藏。需要准备一个记录隐藏状态的数组,及存子集的对象,便于快速访问。在tr上可以通过处理好的数据添加自定义属性,便于后续操作。实列中的图标可以自己去引入,使用UI组件库中的图标,对于none的图标也可以依据自己的需求进行改变。...原创 2022-07-18 18:02:34 · 1760 阅读 · 0 评论 -
Vue3+vite动态使用SVG(支持渐变)
在开发低代码平台,写数字矩形图组件时,提供配置不同的前缀图标,平台提供了多种SVG供用户选择,也可以由用户上传,针对与平台提供的SVG需要修改颜色大小。原创 2022-06-17 11:49:59 · 1488 阅读 · 0 评论 -
input里面生成标签
input里面生成标签方式一,自动增长缺点,最后过长有显示问题。优点,光标随着标签变。组件代码如下:直接引用即可。<template> <div class="yh-label-input" > <div class="yh-tag-box" ref="tagBox"> <el-tag v-for="(tag,index) in tags" :key="index" closable @close="de原创 2021-10-20 20:02:34 · 3524 阅读 · 1 评论 -
elementUI + vue实现 Excel筛选功能
element仿照EXCEL和后端交互数据联动筛选公司要el-table基础上实现一个excel的功能,element的不能满足我的需求于是自己写了一个。tableTool.vue组件实现<template> <div class="tableTool" :style="{top:filterToolTop + 10 +'px',left:filterToolLeft + 10 +'px'}"> <el-input v-model="keywor原创 2021-10-20 14:26:28 · 1752 阅读 · 1 评论 -
VUE照片墙
标题组件介绍:该组件为照片墙组件,包括上传图片,删除图片,图片预览功能。组件需要引入vue和element(使用了element的字体图标)属性如下:imgList:必须值、初始的图片渲染列表,Arraywidth:单元图片的宽度值默认为100px,height:单元图片的宽度值默认为100px;Numberright:照片墙右侧距离默认值10px,bottom:照片墙下侧距离默认值10px;Numbercolor:上传区域的文本及边框颜色,默认值#66b1ff,支持颜色色值size:上传区域原创 2021-08-04 17:49:46 · 2833 阅读 · 0 评论