搜索结果
查询Tags标签: el,共有 291条记录-
Vue3 封装 Element Plus Menu 无限级菜单组件
本文分别使用 SFC(模板方式)和 tsx 方式对 Element Plus el-menu 组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。 1 数据结构定义 1.1 菜单项数据结构 使用 element-plus el-menu 组件实现菜单,主要包括三个组件: el-menu:…
2022/9/16 23:18:25 人评论 次浏览 -
el-table二次封装
<template><div style="margin: 20px 20px 100px 20px"><el-tableborderclass="customer-no-border-table"element-loading-text="数据正在加载中...":row-class-name="tableRowClassName":header-cell-style=&qu…
2022/9/6 23:23:05 人评论 次浏览 -
java El表达式
//支持:中文、英文、下划线,单独或三者合一: String regex="^[\\u4E00-\\u9FA5A-Za-z0-9_]+$"; if ("Adsf_最大的".matches(regex)) {System.out.println(true); } //输出为:true if ("dddd".matches(regex)) {System.out.println(true…
2022/9/2 14:23:06 人评论 次浏览 -
自定义指令,按钮防连击
directives: {preventReClick: {inserted(el, binding) {el.addEventListener(click, () => {if (!el.disabled) {el.disabled = truesetTimeout(() => {el.disabled = false}, binding.value || 3000)}})}},},
2022/9/1 23:22:49 人评论 次浏览 -
Vue-条件渲染
条件渲染条件渲染的属性有两个:1.v-if/v-elsev-if的方法是删除元素<body><div id="app"><div v-if="flag">上课</div><div v-if="n">下课</div><button @click="fn">切换</button…
2022/8/31 6:24:31 人评论 次浏览 -
El_获取域中存储的值和El_获取域中存储的值_对象值
2获取值 1.el表达式只能从域对象中获取值 2语法: 1.$[域名称.键}:从指定域中获取指定键的值域名称:1.pageScope2.requestScope 3.sessionScope 4.applicationScope--> 举例:在 request 域中存储了 name =张三*获取:${ requestScope . name } --> pageCont…
2022/8/30 6:22:47 人评论 次浏览 -
el-select和el-tree一起用
html代码<el-form-item label="树型结构" ><el-selectv-model="treeData"placeholder="请选择..."style="width: 16rem"><el-option:value="treeDataValue"style="height: auto"><el-t…
2022/8/29 23:24:35 人评论 次浏览 -
JSP中的EL 表达式
JSP中的EL 表达式 什么是 EL 表达式,EL 表达式的作用? EL 表达式的全称是:Expression Language。是表达式语言。 EL 表达式的什么作用:EL 表达式主要是代替 jsp 页面中的表达式脚本在 jsp 页面中进行数据的输出。 因为 EL 表达式在输出数据的时候,要比 jsp 的表达式脚…
2022/8/28 23:25:36 人评论 次浏览 -
element-ui 在 el-table 标题中添加小图标
效果如下:html代码:<div class="table-box cus-table-box"><el-table :data="ruleForm.tableData" border style="width: 100%"><el-table-column prop="operation" label="操作" :render-header=&qu…
2022/8/26 23:23:09 人评论 次浏览 -
ElementUI 调整image-viewer滚动时的缩放速度
在 node_modules/element-ui 中,找打 el-image下的 image-viewer组件,将其复制出来到项目中,作如下修改:然后在要使用的地方引入即可:
2022/8/25 23:23:00 人评论 次浏览 -
vue自定义指令的使用
1、背景:想通过自定义指令v-hasHelp控制页面右上角是否出现帮助按钮,点击按钮可以跳转外部链接。用自定义指令的目的是方便。 2、先在自己的项目中注册使用hasHelpindex.js import hasHelp from ./hasHelp //导入写好的hasHelp函数const install = function (Vue) {Vue…
2022/8/23 23:22:47 人评论 次浏览 -
webVR Aframe案例学习
<!--* @Description: * @Version: 1.0* @Author: 努力才能逃离* @Date: 2022-08-02 10:01:51* @LastEditors: 努力才能逃离* @LastEditTime: 2022-08-03 10:48:33 --> <html><head><!-- <script src="./js/aframe.min.js"></scri…
2022/8/12 23:23:32 人评论 次浏览 -
javaweb:JSP、JSTL标签和EL表达式
据我理解,标签是为了使得jsp内容更加简洁,编写起来更加方便,不用再去在jsp里写大段的java代码,标签就显得与html格外契合;当然,并不是一定要使用标签,只用jsp的语法来写java代码也可以实现功能,只是稍显繁琐。 言归正传,我们在使用标签之前首先需要导入两个依赖&…
2022/7/31 1:31:21 人评论 次浏览 -
ElementUI嵌套页面及关联增删查改实现
@目录前言一、ElementUI如何在原有页面添加另外一个页面并实现关联增删查改?二、实现步骤1.ElementUI代码2.思路:很简单1.1 首先通过el-row、el-col、el-card等将两个页面组合在一起。1.2 其次在首页el-table 栏内设置 @row-click="companyClick"点击事件,并…
2022/7/23 23:25:23 人评论 次浏览 -
element-UI 去除 el-tabs 的默认样式
css样式代码/* 去除上方横线 */ .switch >>> .el-tabs__nav-wrap::before {content: ;width: 0 !important; } .switch >>> .el-tabs__nav-wrap::after {content: ;width: 0 !important; }/* 去除底部蓝色 */ .switch >>> .el-tabs__active-ba…
2022/7/22 6:31:26 人评论 次浏览