Vue+elementUI
CC#
随缘记录代码片段
展开
-
Vue2/Vue3+elementUI:一个可自定义内容可随机的大转盘(今天吃什么)
一个可自定义内容可随机的大转盘,Vue2和Vue3两种写法原创 2022-03-21 17:45:19 · 7623 阅读 · 0 评论 -
搭配el-upload的动态新增删除表单+对重复项进行校验
目标效果1.动态新增删除表单2.校验规则(重点是upload的上传后清除校验提示)3.对重复项进行校验,只能想到这种比较复杂的方法,有更好的建议请指教T T代码参考html部分//html <el-form ref="editForm" :model="editForm" :rules="editRules" inline label-wid..原创 2021-09-08 09:11:39 · 711 阅读 · 0 评论 -
搭配elmentui使用的axios拦截器
import axios from 'axios'import { Message, MessageBox } from 'element-ui'import store from '../store'import { getToken } from '@/utils/auth'// 创建axios实例const service = axios.create({ baseURL: `/v-api`, timeout: 15000,})// request拦截器servi.原创 2021-09-08 09:05:32 · 290 阅读 · 0 评论 -
el-checkbox获取选中的id
当时脑抽没注意看group可以直接获得id数组所以写了个函数……还是传上来吧可能哪天就能用上了//html<div> <el-checkbox-group v-model="checkList" class="authgroup"> <el-checkbox v-for="list in authPage[index].childrens"...原创 2021-09-07 13:50:36 · 3197 阅读 · 0 评论 -
点击编辑打开的wangeditor富文本编辑器对话框
用于通告、用户协议等可编辑的文本内容,要求页面和编辑框内容同步,一开始是思路是编辑时直接在段落盒子上创造一个editor实例,但是发现在保存并销毁实例时会把内容也摧毁掉,所以想了两种解决方法。1.点击编辑弹出对话框,对话框里是文本内容,保存以后传输到后台并重新查询文本,同时文本内容和编辑器内容一起更新(不需要销毁实例)2.点击编辑时直接在段落盒子上创造一个editor实例,点击保存发送到后端并销毁实例,利用Vue里面的provide+inject组合进行一个局部刷新(csdn就能搜到方法)这里介原创 2021-09-07 10:56:40 · 580 阅读 · 2 评论 -
el-date-picker动态限制时间范围
分为两种情况1.开始时间和结束时间同一个框2.开始时间和结束时间分开两个框情况1//情况1 原创版权声明:本文为weixin_40998880原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。//本文链接:https://blog.csdn.net/weixin_40998880/article/details/106272897//html<el-date-picker v-model="time" typ...原创 2021-09-08 09:19:32 · 6193 阅读 · 4 评论 -
可搜索+拖动的高德地图组件
组件的使用请参考https://www.cnblogs.com/yeqrblog/p/10083895.html这里对收起后添加了一个展开功能的优化处理1.在收起按钮后新增一个展开按钮,显示条件如下:并把收起的点击事件修改为以下方法 <div> <el-button v-show="snameMapShow" type="text"原创 2021-09-08 09:38:49 · 150 阅读 · 0 评论 -
树形结构中children的统一处理
不同编辑器中生成的树形结构的最后一级的children有三种情况:为空数组[] 有children但被定义为undefined 没有children属性// 递归判断列表,把最后的children设为undefined(递归判断参考自网络) getTreeData(data) { if (data.length > 0) { for (var i = 0; i < data.length; i++) { if (!data[i]原创 2021-09-08 09:45:33 · 1060 阅读 · 0 评论 -
穿梭框的动态禁用
实现效果:当用户只有一个用户组时,不可进行移除操作,且超级管理员必须属于超级管理员用户组(超级管理员的roleId==1)要求后台返回一个参数,表示这个用户只有一个用户组,再判断是否属于该用户组,属于则禁用代码: <div style="text-align: center" v-loading="addloading"> <el-transfer style="text-align: left; display: inline-blo原创 2021-09-08 09:56:59 · 2964 阅读 · 0 评论 -
使用表单时el-upload+OSS遇到的坑
情况表单中为了直接传JSON数据,使用了上传图片时传到OSS再获取后台返回的地址保存在表单的一个操作,返回一个数据保存位置相对路径,再将这个路径保存好传给后端,后端再拼接成绝对路径传给前端渲染:http://xxxx-img.oss-cn-shenzhen.aliyuncs.com/+相对路径问题由于后台返回给前端保存渲染的数据是绝对路径,但后台接收的是相对路径,在编辑表格数据时如果按editForm.xxx=row.xxx的形式去赋值,如果重新上传图片则不会出现此问题,如果没有重新上传会将绝对原创 2021-09-08 10:22:41 · 190 阅读 · 0 评论