vue
Zheng_xinle
这个作者很懒,什么都没留下…
展开
-
vue获取近七天、月份、年份的起始日和结束日
在Vue的data选项中定义了selectedMonth、startDate和endDate三个变量,分别表示已选择的月份、起始日和结束日。formatDate方法用于将Date对象的日期格式化为"YYYY-MM-DD"的形式,通过获取年份、月份和日期,并使用slice()方法在需要的情况下添加前导零来确保日期格式正确。formatDate方法用于将Date对象的日期格式化为"YYYY-MM-DD"的形式,通过获取年份、月份和日期,并使用slice()方法在需要的情况下添加前导零来确保日期格式正确。原创 2023-08-04 16:03:09 · 2027 阅读 · 1 评论 -
实现输入数字安全码
【代码】实现输入数字安全码。原创 2023-03-10 10:06:19 · 323 阅读 · 1 评论 -
vue+element-ui Dropdown下拉菜单(获取某行数据)
element-ui Dropdown下拉菜单 通过command方法获取某行数据原创 2022-12-30 15:16:39 · 2603 阅读 · 1 评论 -
vue+element-ui的table表格通过子表数据,进行展示/隐藏左侧展开箭头
el-table设置子表没有数据时候隐藏左侧展开按钮。原创 2022-12-26 18:32:19 · 1070 阅读 · 0 评论 -
vue3使用Swiper实现简单轮播图
1、安装Swiper2、引入组件库3、完整代码4、实现效果:无左右切换 无底部小圆点原创 2022-06-23 09:57:31 · 2153 阅读 · 0 评论 -
el-input限制不能输入中文
el-input限制不能输入中文 <el-input v-model="siteUrl" onkeyup="value=value.replace(/[^\x00-\xff]/g, '')" > </el-input>原创 2022-05-31 14:13:24 · 3911 阅读 · 2 评论 -
vue+element 根据状态改变当行字体颜色
一、使用element中的scoped:style 动态样式 :style=“classObje(scoped.row.userOperation)” <el-table> <el-table-column label="操作" align="center"> <template slot-scope="{row}"> <el-but原创 2022-03-10 10:08:56 · 4210 阅读 · 0 评论 -
Vue表格实现隔行变色
1、利用v-for中的index值实现隔行变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2022-02-18 14:59:21 · 2965 阅读 · 0 评论 -
添加功能 复选框默认选中某个值 并展示该值的数据
选择角色的复选框组 <el-checkbox-group v-model="checkedRoleGroupList" @change="checkedChangeRoleGroupHandler" > <el-checkbox name="checked_RoleGroupList"原创 2022-02-07 13:52:16 · 755 阅读 · 0 评论 -
[正则表达式]可以为空值,不为空则要验证格式
表单验证的时候会用到记录一下^$|你的正则式/*例如:可空 但填了必须6到16位*//(^$)|(.+){6,16}$/原创 2021-12-23 17:15:22 · 2911 阅读 · 0 评论 -
Element取消upload组件上传过渡效果
问题描述:Element upload组件的过渡效果影响页面的整洁,部分过渡效果如下所示:1、图片进行切换时:2、重新载入时:处理方法:在全局样式文件下,如 style.css 文件中,添加以下代码即可去除该过渡效果:/*去除upload组件过渡效果*/.el-upload-list__item { transition: none !important;}如果不行的话 试试在代码前面加上 ::v-deep 深度选择器在这里插入代码片::v-deep .el-upload-l原创 2021-11-19 17:13:37 · 892 阅读 · 0 评论 -
修改element 的el-radio的选中样式变成对勾
我这个是在全局改的,在app.vue页面(用了深度选择器)#app /deep/ .el-radio__input.is-checked .el-radio__inner::after { content: ''; width: 10px; height: 5px; border: 2px solid white; border-top: transparent; border-right: transparent; text-align: cent原创 2021-11-01 17:35:04 · 1084 阅读 · 0 评论 -
Switch开关状态只启用一条
Switch开关状态只启用一条,其他数据为禁用状态,启用后该按钮不可进行点击操作**一、根据后端接口返回的状态,判断数据为启用或禁用 status =“1” 启用,status =“0” 禁用 ** <el-table-column label="启用/禁用" align="center" min-width="120px"> <template slot-scope="{ row }"> <el-switch原创 2021-10-11 17:50:21 · 1041 阅读 · 0 评论