
UI组件库
ui
WorkAndDebugger
My-Program-Life-And-Debugger/(you can call me).
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
多选multiple下拉框el-select回显问题(只显示后端返回id)
首先保证v-model的值对应options数据源里面的id。原创 2025-01-20 13:15:39 · 647 阅读 · 0 评论 -
element plus的表格内容自动滚动
【代码】element plus的表格内容自动滚动。原创 2024-11-15 16:23:36 · 1051 阅读 · 1 评论 -
vant 地区选择器 van-area
【代码】vant 地区选择器 van-area。原创 2024-11-08 14:21:16 · 414 阅读 · 0 评论 -
【微信小程序自定义封装步骤条】
【代码】【微信小程序自定义封装步骤条】原创 2024-04-12 09:47:03 · 553 阅读 · 0 评论 -
手写tabs切换
<template> <div class="container"> <div class="type-box"> <div :class="['notice-type-name',activeIndex==1?'active-name':'']" @click="onTypeTap(1)"> 通知 <div class="notice-num">0</div> &原创 2022-01-19 15:45:03 · 391 阅读 · 0 评论 -
数字滚动带动画
数字滚动的前提是这个数字是实时变化的父组件父组件原创 2022-07-01 14:49:27 · 292 阅读 · 0 评论 -
弹出框&表格&分页
后端返回多个表格数据用一个表格样式渲染 <el-dialog :title="dialogTitle" width="90%" :visible.sync="dialogTableVisible" :modal-append-to-body="false" :modal="true" >原创 2022-04-24 15:59:47 · 675 阅读 · 0 评论 -
无缝滚动组件的封装
子组件的封装父组件使用1.引入 import LineScrollAnimation from “…/components/base/LineScrollAnimation”;2.使用原创 2022-06-10 15:14:30 · 142 阅读 · 0 评论 -
transform实现元素滚动
<div class="process" id="main" :style="{ transform: `translateY(${rightScrolling * -180}px)` }" @mouseenter="handleStopRight()" @mouseleave="startScrollright()" ></div>import Head from "../../comp原创 2022-03-16 10:07:00 · 1529 阅读 · 0 评论 -
自定义封装下拉组件
下拉组件原创 2022-06-20 17:03:10 · 363 阅读 · 0 评论 -
自定义封装无缝滚动组件
<template> <div class="line-scroll-animation"> <div class="animation-list-container" @mouseenter="stopScroll()" @mouseleave="startScroll()" :class="{animation: active}" :style="{transform: `translateY(${sc原创 2022-03-21 14:45:36 · 168 阅读 · 0 评论 -
自定义封装弹出框(带进度条)
代码】自定义封装弹出框(带进度条)原创 2022-07-19 17:28:29 · 239 阅读 · 0 评论 -
element树形table表格
'上海市普陀区金沙江路 1518 弄''上海市普陀区金沙江路 1517 弄''上海市普陀区金沙江路 1519 弄''上海市普陀区金沙江路 1519 弄''上海市普陀区金沙江路 1519 弄''上海市普陀区金沙江路 1516 弄''上海市普陀区金沙江路 1518 弄''上海市普陀区金沙江路 1517 弄''上海市普陀区金沙江路 1519 弄''上海市普陀区金沙江路 1516 弄''上海市普陀区金沙江路 1519 弄''上海市普陀区金沙江路 1519 弄'原创 2023-02-22 13:44:33 · 1349 阅读 · 0 评论 -
vue3/element plus自定义封装tree
既可以获取值, 也可以修改值, computed 计算属性中传入一个对象。传入一个对象, 包含get 和 set 函数, 就可以创建一个可以修改的计算属性。使用ref 创建一个响应式对象, 在模板中使用不用自动解套。只可以获取值,不允许修改值直接使用 computed 计算属性使用箭头函数。// vue3以setup语法糖进行挂载,只需要导入然后直接可以挂载子组件。如果传入的是一个getter 函数, 会返回一个不允许修改的计算属性。而且,vue3的过滤器已经移除,所以建议用计算属性去替代过滤器。原创 2023-08-09 11:36:56 · 632 阅读 · 0 评论 -
element计数器只能点击一下问题
【代码】element计数器只能点击一下问题。原创 2023-03-20 16:27:43 · 220 阅读 · 0 评论 -
element/tree的使用(树的多选以及回显)
/ 将后端接口数据回显到树上的方法。'三级 1-1-1''三级 1-1-1''三级 1-1-2'原创 2023-02-21 14:55:44 · 2476 阅读 · 0 评论 -
element下拉框背景/选中/鼠标移入样式设置
/ 这个有效background;color;border;原创 2023-12-19 15:41:19 · 863 阅读 · 0 评论 -
设置element表格属性(背景透明,颜色,边框...)
/* 整个表格的宽度 */.tableBox { width: 470px;}/* 标题行的内边距 */::v-deep .tableBox th { padding: 3px;}/* 内容行的属性 */::v-deep .tableBox td { padding: 0px !important; text-align: center;}/* 边框 */::v-deep .el-table--border,.el-table--group { border: 1p原创 2022-02-28 15:52:24 · 1469 阅读 · 0 评论 -
element-ui中el-table表格的使用(取到当前行列的数据)
【代码】element-ui中el-table表格的使用(取到当前列的所有数据)原创 2023-01-12 13:42:12 · 8461 阅读 · 1 评论 -
element 树节点的选择(带父节点id)(回显时父子不关联,选中时关联)
【代码】element 树节点的选择(带父节点id)(回显时父子不关联,选中时关联)原创 2023-03-22 15:53:08 · 495 阅读 · 0 评论 -
a-design-vue 重置多选
<a-table :rowKey="(record, index) => index" :bordered="true" :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange, }" :columns="columns1...原创 2022-05-12 16:00:59 · 641 阅读 · 0 评论 -
Ant Design of Vue表格(带分页/多选)
<a-table :rowKey="(record, index) => index" :row-selection="rowSelection" :columns="columns" :data-source="data" :pagination="{ pageSize: 10, total: tot...原创 2022-05-07 15:45:38 · 1266 阅读 · 0 评论 -
ant-design-vue表格数据为null取其他字段
{ title: '时间', align: 'center', dataIndex: 'updateTime', customRender: function (t, listDataSource) { return t || listDataSource.createTime } },其实知道是用这个方法,但是一直尝试不知道怎么用 custom...原创 2021-11-23 16:02:19 · 1513 阅读 · 2 评论