![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
components
胡肖一
程序员届的追剧狂魔
展开
-
基于element Select二次封装带滚动分页的选择器
实现效果select选择器滚动到底部请求下一页组件封装<template> <el-select v-model="selectValue" filterable remote :filter-method="handleSearch" clearable v-loadmore="loadMore" v-bind="$attrs" > <el-option v-for="item in原创 2022-02-16 17:12:01 · 935 阅读 · 1 评论 -
基于element dialog二次封装弹窗组件
实现效果组件封装<template> <el-dialog :title="title" :width="width" :visible.sync="dialogVisible" :close-on-click-modal="false" v-if="dialogVisible" v-bind="$attrs" > <slot></slot> <div slot="footer原创 2021-09-30 14:24:35 · 773 阅读 · 0 评论 -
前端状态标识组件封装
实现效果没有失败的截图,失败就是红色的点组件封装<template> <span class="badge"> <span :class="{ 'badge-status-dot': !!status, [`badge-status-${status}`]: !!status }" /> <span class="badge-status-text">{{ text }原创 2021-09-28 16:00:56 · 307 阅读 · 0 评论 -
el-select二次封装带有全选和数量统计功能
实现效果二次封装el-select组件<template> <div :style="{ width }" class="select-all"> <el-select multiple v-model="selectedList" @change="changeSelect" @remove-tag="removeTag" placeholder="请选择" class="select-原创 2021-09-01 16:32:59 · 687 阅读 · 0 评论