分享一下自己写的一些vue自定义指令 1、自动获取输入框的焦点 autoFocus: { inserted: function (el) { el.focus() // el.querySelector('input').focus()//elementui的el-input版本 } }, 2、列表拖拽排序 dragSort: {
短视频直播系统，Vue实现element-ui弹框可以拖拽 一、utils文件夹下创建dialog.js文件 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__he
运动是啥 通过改变对应元素的样式来进行对应的变化 称为运动,通过设置定时器是对应的目标达到对应的状态,将这两个内容和一就是运动 匀速运动 通过改变的值 每次都是改变都是相同的就是匀速运动 运动实例 //1.获取对应的按钮以及相关的div var btn = document.querySelector('but
使用el-table的fixed属性固定表格列的时候滚动条被固定列覆盖部分无法拖动 可以使用下面配置来解决 .el-table__fixed { height: auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式 bottom: 5px; // 固定列默认设置了定位， position: absolute;
在上传成功和删除图片，触发验证一次。如下例子为 vue3 写法 <el-form-item label="banner图：" prop="bannerImgUrl"> <image-upload :limit="1" :fileSize="20" :value="bannerDial
<!DOCTYPE html> <!-- el-data的两种写法 --> <html> <head> <meta charset="utf-8" /> <title>数据绑定</title> <!--引入vue--> <script type="text/javascript" src=&qu
1.技术介绍java+springBoot+spring+mysql+mybatis+Vue开发工具：eclipse或IDEA2.主要功能说明：1）学生2）老师注册、登录、首页、论坛信息、公告信息、个人中心、后台管理、师生沟通3）管理员个人中心、学生管理、教师管理、日常运动管理、运动分析管理、成绩信息管理、论坛管理、轮播图管
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script> </head> <body
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <b
这一周，建民哥给我们进行了抗糖测验冲刺，冲刺的内容是论文爬虫系统， 第一阶段是进行论文的增删改查以及爬虫爬取网页中的论文数据，经过了几天的努力终于完成了，代码截图如下： 论文添加： 论文修改： 论文部分查询： 爬虫部分代码： pa
发生场景：el-table默认的行高与padding，使原本在一页中不能完全呈现内容，所以需要自定义行高；单独的设置height会达到最小值，但还是和要求不符，所以修改了padding值，让默认的内边距减小，使内容更紧贴； 具体操作： 在el-table标签上，设置 :row-style="{height: '0'}" 为最小行高，同时修改默认的p
<el-input placeholder="" v-model.trim='form.getAlarmMobile' clearable></el-input> 问题：输入框不能输入 原因：form里面未初始化getAlarmMobile这个属性 解决： form: { identityType: '', caseId: '', chec
MVC：Model--职责分明，便于风开发、优点：解耦，职责分明， 便于分工开发、缺点：分成三部分，造成系统架构复杂，对于小系统不适合、造成调试困难，一旦出现错误，可能是 Model，也可能是 view 也可能是 control、对开发人员要求比较高。 JSP 技术使用 Java 编程语言编写类 XML 的 tags 和 scriptlets，
在最新构建Vue项目时导入element就报错，通过使用旧代码解决 将main.js中 createApp(App).mount('#app') 替换为 new Vue({ el:'#app' }) 即可运行，同时要导入Vue import Vue from 'vue'
一。EL表达式： 1.命令表达式： ${作用域对象别名.共享数据} 2.命令作用： 1）EL表达式是EL工具包提供一种特殊命令格式【表达式命令格式】 2）EL表达式在JSP文件上使用 3）负责在JSP文件上从作用域对象中获取共享数据并写入响应体中 二。EL表达式----作用域对象别名 1.JSP文件可以使用的作
需求描述 el-tree组件节点默认展开，单击节点不会触发伸缩，双击节点获取当前节点的数据。 问题解决 el-tree 默认展开并设置阻止单击节点自动展开或收缩 <el-tree default-expand-all :expand-on-click-node="false" @node-click="handleNode"> 添加双击事件 const n = { count
如果给 el-select 标签加上 multiple 属性，则定义的 v-model 值的类型是数组，即使 v-model 数据的类型 和 列表中某个字段的数据类型一致（也就是可以匹配上），这种情况下，下拉列表也回显不了数据。eg:<el-select v-model="val" filterable> <el-option v-for="item in datas" :key="it
BUG:浏览器回退高亮部分错误显示 如果根据官网的示例，每个el-menu-item的index都为’1-1’ '1-2’之类的。如果直接跳转路由，你会发现导航栏当前激活菜单的 index没有改变。点击跳转。但菜单栏依旧停留在分组这个栏目 只有两种方法可以解决这个问题： 1.通过子组件的this.$emit方法
问题 最近在开发的时候遇到的，element-ui的侧边导航栏老是有个滚动条出现，影响美观度。 解决 在el-menu标签外部包裹一层el-aside标签，然后赋予样式如下 <el-aside width="200px"> <el-menu router unique-opened> <el-submenu :index=
Element-UI 使用el-row 分栏布局 https://blog.csdn.net/kangguang/article/details/104880967 使用多个卡片显示的时候，并且要求当列数到一定数目的时候，要自动换行，el-container 布局就满足了需求了，就要用到el-row 布局做分栏处理， 代码如下 <template> <el-row :gutter="20" cl
方法1:(高度不生效) .el-table__header tr, .el-table__header th { padding: 0; height: 40px;}//表头 .el-table__body tr, .el-table__body td { padding: 0; height: 40px;}///各行 ///注意要把style的scoped去掉，不然不生效 方法2:(高度不生效) <el-table :dat
html结构 <template> <div class="summary-dlg"> <el-dialog v-dialog-drag :modal="false" width="450px" title="业务小结" center :visible.sync="dlgShow"
1 <style scoped> 2 .el-menu-vertical-demo:not(.el-menu--collapse) { 3 border: none; 4 } 5 .submenu { 6 float: right; 7 } 8 9 .buttonimg { 10 height: 60px; 11 background-color: transparent; 12 border: none; 13 } 14 15 .showimg {
安装依赖： //xlsx 与 file-saver依赖npm install --save xlsx file-saver 封装组件（Excel.vue）直接上代码： <template> <div> <el-button type="primary" style="background-color: #0086b3" @click="exportExcel">{{btn}}</el-butt
前言： Appium中Api整理记录。 API整理记录 contexts(self) 返回当前会话的所有上下文，使用后可以识别H5页面控件 Usage：driver.contexts current_context 返回当前会话的当前上下文 Usage：driver.current_context context 返回当前会话的上下文 Usage：driver.contex
