- 博客(11)
- 收藏
- 关注
原创 DropdownMenu 下拉菜单可支持搜索
该代码实现了一个带搜索功能的下拉单选组件,基于Vant UI的van-dropdown-menu和van-radio组件开发。主要功能包括:1) 通过v-model绑定选中值;2) 支持搜索过滤选项;3) 点击选项后自动收起下拉菜单并触发change事件。组件接收options作为选项数据(格式为{text,value}数组),初始化时会根据value属性显示默认选项。搜索功能实时过滤可见选项,选中后会将当前选项对象通过change事件传出。样式方面自定义了单选按钮的选中状态(红色)和搜索框的固定定位。使用
2025-08-02 01:16:05
279
原创 表格按钮,超过n个使用提示框展示
<template> <div v-if="items"> <div v-if="items.length > maxLength" class="btn-box"> <Button v-for="(el, i) in showBtn" type="text" size="small" :disabled="el.disabled"
2024-10-30 10:46:25
403
原创 css主题色
使用方法document.documentElement.style.setPropety('--el-color-primary',color)以element-ui-plus为例,主题色以--el-color-primary定义,改变主题色即改变此变量。改变亮暗模式即为改变元素的根class,将根节点的class名动态添加即可实现。一般写于vuex中,全局修改,存入缓存,以便登录时调用。定义初始样式模板,以element-ui-plus为例。官网为我们定义了一套暗黑模式主题色(默认是明亮)
2024-09-02 19:53:28
561
原创 package.json中的scripts
我们执行时的命令:npm run dev,意思使用npm包管理工具执行dev这个命令,不是一个全局可执行命令,而是作为项目依赖安装在项目的。我在.bin文件夹下面新增一个文件,会导致错误的主要原因在于。例如:"dev":"使他定位到执行以下文件。
2024-05-27 17:07:30
553
原创 前端格式校验
允许负数金额:(^-?[1-9](\d+)?\d\.\d{1,2}$)只能正数金额:(^[1-9](\d+)?$)|(^0$)|(^\d\.\d{1,2}$)校验小数点后最多保留6位小数。
2023-06-20 10:15:52
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅