Element
Springboot+Echarts+Element（二）
今天主要是记录一些问题，主要是在使用vue通过axios发送请求的时候，起初我认为需要把vue和springboot整合到一块 但是在听完课之后发现并不需要，因为vue的目的是实现前后端分离的开发，因此两个项目可以同时运行，调整vue项目 就是改前端代码，调整springboot就是改后端代码，前端 ......
Springboot+Echarts+Element（一）
算作是之前的Springboot+Echarts的进阶版 因为引入了更多前端的知识，主体是Vue，今天学习了Vue的部分语法，但是说实话，我认为对我来说意义不是特别大 因为多数情况下我们所做的都是把后端数据库内容传输到前端，而在老师的Vue语法部分讲解的大部分是纯前端写死的一些知识 因此我把重心放在 ......
vue:自定义validator/验证规则(element-plus@2.3.12)
一，官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二，js代码： 1 2 3 4 5 6 ......
vue:el-table在resize时报错(element-plus@2.3.12)
一，报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
vue_error_Runtime directive used on component with non-element root node. The directives will not function as intended
翻译: '运行时指令，用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 ......
下载vue.js、element-plus的js和样式、locale.js、icon-vue.js
一、下载vue.js 地址：https://www.bootcdn.cn/vue/ 找到vue.global.js 点击复制链接，在浏览器中打开，如下所示： 二、下载element-plus的js和样式 进入element-plus的官网:https://element-plus.org/zh-CN ......
element ui踩坑
项目适配需要rem转换 ，但UI组件内部未转换 问题：由于组件内 ，某些组件宽度和高度是通过prop传参，然后对行内样式动态赋值，所以单位还是px 网上找的方法： 将element ui的 github源码拉下来，然后修改组件源码，然后打包，然后打补丁替换lib文件夹。 个人觉得太繁琐，问题在于，所 ......
element-ui plus 修改对话框的样式，无效
<el-dialog v-model="dialogVisible" title="Tips" width="30%" :before-close="handleClose" append-to-body > <span>This is a message</span> <template #foo ......
Vue3 element plus el-dialog (对话框)
首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法：https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
Vue3 引入 Element Plus
Element Plus简介Element Plus是一个基于Vue3的UI组件库，其设计原则可分为一致（Consistency）、反馈（Feedback）、效率（Efficiency）、可控（Controllability）四个方面。 目前Element Plus可使用的UI组件种类丰富，除了按钮 ......
element ui 的picker-option 30天前限制和30天后限制
pickerOptionsStart:{ disabledDate:(time)=> { // 获取当前日期并减少30天 // console.log(time,'..........tiem'); // console.log(time,'..........tiem'); if (this.en ......
vue3 模糊搜索 不区分大小写 多选框 element plus
```javascript<div class="select-part" ref="selectRef"> <div class="check-type"> <input type="text" class="check-type-title" :placeholder="placeholder" ......
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components，unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
element-plus 表单验证demo
<template> <div class="container my-4 mx-auto p-4"> <el-radio-group v-model="labelPosition" label="label position"> <el-radio-button label="left">Left ......
element ui 的messageBox中绑定vnode节点
<template> <div class="about"> <h1>This is an about page</h1> <el-button type="primary" size="default" @click="onTest">测试</el-button> <div> </div> </d ......
element中的<el-cascader>组件当值是0时不选中问题
在element中的组件中，如果当前值是0时，无法显示。 解决方法：将为0的值转换成字符串的0，即 "0"。 ......
element ui 在messageBox里的html中绑定事件
<template> <div class="about"> <h1>This is an about page</h1> <el-button type="primary" size="default" @click="onTest">测试</el-button> <div> </div> </d ......
selenium 报错 element not interactable: [object HTMLDivElement] has no size and location
selenium 自动化识别验证码x,y坐标 命令move_to_element_with_offset 报错：element not interactable: [object HTMLDivElement] has no size and location 由于>4.0是以中心点偏移，4.0是左 ......
直播平台搭建，使用element-ui中的select下拉框
直播平台搭建，使用element-ui中的select下拉框 话不多说，上代码： <el-select v-model="value" filterable placeholder="请选择"> <el-option v-for="(item,index) in options" :key="ind ......
nodejs+vue+element-ui安装
1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后，使用vue会报错： ‘vue‘ 不是内部或外部命令，也不是可运行的程序 解决办法： https://developer.al ......
element-ui表格列el-table-column如何根据数据不同显示不同的值，获取prop值
方法一、格式化数据 在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列里的内容不一致。 例如后台给的字段是state，它的值为true或false，要求显示在表格里是‘正确’或‘错误’ 这时可以给el-table-column添加一个属性：formatter，代码如下： <e ......
org.dom4j.Element的常用方法举例
转自：https://blog.csdn.net/studio_1/article/details/130882314 一、以xml进行举例说明 1、读取xml 这里读取文件用“org.dom4j.io.SAXReader”这个类，使用“org.dom4j.Document”接收文档数据。 这是测试 ......
Selenium python 代码运行的时候提示 no attribute 'find_element_by_xpath'
我们有下面的一行代码，运行测时候提示没有特定的属性。 Name = 'kuch bhi' last = test.find_element_by_xpath('//*[@id="mG61Hd"]/div[2]/div/div[2]/div[1]/div/div/div[2]/div/div[1]/d ......
dom4j操作Element节点方法
1.获取文档的根节点 Element rootElm = document.getRootElement(); 2.取得某节点的单一子节点 Element memberElm=root.element("tagName"); 3.取得节点的文字 String text=root.elementTex ......
【错误异常】The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*|sql*|insert*|update*|delete*|select*)+".
The content of element type "mapper" must match "(cache-ref|cache|resultMap*|parameterMap*|sql*|insert*|update*|delete*|select*)+". 服务启动异常 排查mapper.xm ......
直播app开发搭建，element plus中的el-link如何去掉下划线
直播app开发搭建，element plus中的el-link如何去掉下划线 解决方法：在el-link中增加 :underline='false' <el-table-column property="name" label="名称" show-overflow-tooltip> <templat ......
element ui 多选框（是否可以勾选）
#1. 添加属性 selectable <el-table-column width="50" type="selection" align="center" :selectable="handleSelectable" /> #2. 编写函数 handleSelectable(row) { if ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
Element Plus 日期控件（Date Picker） 开始日期和结束日期范围限制
话不多说直接看效果 结束日期 >= 开始日期 开始日期 <= 结束日期 代码如下 <template> <el-date-picker v-model="startDate" :disabled-date="(val) => startPickerOptions" type="date" place ......
element plus
https://element-plus.org/zh-CN/guide/design.html 设计 控制反馈： 通过界面样式和交互动效让用户可以清晰的感知自己的操作； 页面反馈： 操作后，通过页面元素的变化清晰地展现当前状态。 帮助用户识别： 界面简单直白，让用户快速识别而非回忆，减少用户记忆负 ......