AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityuniappUnity3dReactFlexAnt DesignelementuiWeb前端微信小程序微信公众号
vue elementui 文件导入/文件上传/文件下载
文件导入<el-uploadstyle="display:inline-block"class="upload-demo":action="`/admin/upload/excle/purchase/plan/material/upload`":headers="myHeaders":on-success="handleAv
vue beforeRouterLeave和elementUI $confirm组合的问题
路由守卫beforeRouterLeave可以在页面跳转前进行提示用户是否离开，从而避免一些用户的误触导致的页面内容未保存而这次通过elementUI的$confirm添加提示的时候发现弹窗一闪而逝，闪了一下就不见了，但是路由还跳转了，页面还处在当前页面…网上找了一圈，终于找到一个解决办法吧
【汇总】ElementUI中高频次使用代码片段
 翻页器<el-pagination:hidden="total<=10"@size-change="initList"@current-change="initList":total="total":page-sizes="[10,20,50]":page-size.sync="pageSize":current-page.sync="cu
elementUI + vue实现 Excel筛选功能
element仿照EXCEL和后端交互数据联动筛选公司要el-table基础上实现一个excel的功能，element的不能满足我的需求于是自己写了一个。tableTool.vue组件实现<template><divclass="tableTool":style="{top:filterToolTop+10+'px',left:filterToolLeft+10+'px'}"
在Vue中按需引入elementui组件
开发环境vue:2.6.11elementui:2.15.6vue/cli:4.5.11安装elementuinpmielement-ui-S完整引入根据官网指南编辑src/main.js即可。...importElementUIfrom'element-ui';import'element-ui/libheme-chalk/index.css';...Vue.use(ElementUI);按需引入
elementui el-table滚动
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>element-uitable自动滚动<itle></head><scriptsrc="https://cdn.jsdelivr.netpm/vue"></script>
elementUI 日期控件
elemen-ui中日期disabledDate，禁止选择当前之前的日期<el-date-pickerv-model=“value1”type=“date”：picker-options=“pickerOptions”placeholder=“选择日期”>//属性picker-option在data中定义data(){ return{   pickerOptions:{      disable
elementUI 下拉框实现隐藏时触发相关事件
el-select下拉框隐藏时触发相关事件=>@visible-change设置额外的class，=>popper-class @visible-change="changeValue1($event)" changeValue1:function(callback,vc){ //只有回调参数为true时才触发ctx.getAreaListDataSearch(vc,1)这个函数; if(callb
elementUI table合并第一行
是简书里一个大神写的，我根据自己的数据稍微改了下效果图： dom:<el-table:data="data"style="width:100%":span-method="objectSpanMethod"border><el-table-columnprop="hotelPurpose"
使用 elementUI 的表单进行查询，表单中只有一个文本框时，回车会自动触发表单的提交事件，导致页面的刷新
使用elementUI的el-form组件进行查询时，当输入框仅有一项时，回车自动提交表单，浏览器会刷新页面：原因：由于当表单只有一个文本框时，按下回车将会触发表单的提交事件，从而导致页面刷新。<el-form:inline="true":model="getForm"class="demo-form-inline"><el-form-itemlabel=
【超详细】Vue+elementUI 项目创建步骤HBuilderX创建
1.打开HBuilder新建一个项目  2.在package.json文件下的dependencies下加入router的相关配置（"vue-router":"^3.5.3"），如下图： 3.打开这个项目的终端，运行npminstall，这样vue的router就加载进来了 4.添加elementUI：在本终端执行：npmielement-ui-S，完成后可以在项目下的no
elementui Checkbox label值与所需要显示的值不一致
elementui的Checkbox组件在多选框组的情况下，想要传给后端的值与所想要展示的值不一致时，如：<el-checkbox-groupv-model="checkboxGroup2"size="mini"disabled><el-checkboxlabel="备选项1"border></el-checkbox><el-checkboxlabel="备选项2&qu
在elementUI中使用 el-autocomplete 实现带搜索建议的下拉框
想实现的效果 实现方法<el-autocompletev-model="detail.CUSTOMER_NAME":fetch-suggestions="querySearchAsync"@select="handleSelect"placeholder="请输入内容"></el-autocomplete> 在script中添加下面两个函数//queryStri
壹链盟前端面试复盘
一面：群面讨论一个项目资金如何分配的问题，然后上去陈述，讨论环节结束后，进行评测。评测结束回去等通知。二面：技术面自我介绍1.有使用过Promise吗2.setTimeout和promise哪个先执行3.vue的生命周期4.vue的组件之间的通信5.你是怎么使用vuex的，拿来存储什么6.css中的垂直居中7.
ElementUI v-infinite-scroll
1.v-infinite-scroll是饿了么团队开发的用于Vue项目开发的无限滚动插件，具体使用直接看GitHub即可：https://github.com/ElemeFE/vue-infinite-scroll其他资料：https://www.jianshu.com/p/c4abab8c1ba6主要使用三个属性：v-infinite-scroll、infinite-scroll-disabled、infinite-sc
elementui的template中的内容无法显示
原因是我们从官网复制的代码，template使用的是slot，但是slot已经过时了我们改成v-slot:title即可
elementUI - 去除日期时间选择器里的此刻按钮
ElementUI去除日期时间选择器里的此刻按钮在vue项目的全局css属性中修改上边标签的display属性.el-picker-panel__footer.el-button--text.el-picker-panel__link-btn{display:none;}
ElementUI el-tree实现节点拖拽功能
el-tree代码，主要加入了draggable属性和node-drop和handleDragEnd事件<el-treenode-key="id"default-expand-all:data="collectionList":props="defaultProps":expand-on-click-node
elementUI + springboot 实现excel导入
1.前端elementui代码<el-uploadclass="upload-demo"dragname="excelFile":data="postParm":on-error="uploadFalse":on-
vue+elementUI实现网页截图及下载功能
npminstallhtml2canvas//下载包importhtml2canvasfrom"html2canvas"//导入包<el-buttontype="primary"@click="clickGeneratePicture">截图</el-button>//按钮<divclass="contain"ref="faultTree&quot
elementui tree 修改点击后背景颜色和获取焦点背景颜色
1、<style>不要添加“scoped”属性2、css.el-tree-node:focus>.el-tree-node__content{background-color:#66b1ff87!important;}.el-tree-node__content:hover{background-color:#66b1ff87;}.el-tree--highlight-current.el-tree-node.is
elementui+vue中富文本编辑框 vue-quill-editor 触发验证
//首先添加自定义事件<el-form-itemlabel="内容："prop="content"><quill-editorv-model="editModel.content"ref="myQuillEditor":options="editorOption"@change="onEditorChange($event)&quot
麒麟服务器V10 SP1安装elementUI
服务器elementUI安装手册一、软件介绍ElementUI是饿了么前端团队推出的一款基于Vue2.0的桌面端UI框架。二、支持版本和获取方式1.建议使用版本为“2.0.0-rc.1”2.由npm工具获取，命令为：npmielement-ui@next-D三、编译和测试方式1.选择操作环境本文选用麒麟服务器V10版
vue+elementUI实现el-tree默认选中第一层级的第一个节点
项目场景：查询成绩时，按照左侧年级和班级树来查询学生成绩默认选中第一层级下的第一个节点并给出选中样式问题描述：此图为el-tree官方文档给出的数据，数据为对应的id、label、children该项目数据为接口返回，并且返回的数据格式并不是像el-tree提供的那么规整，需要自己组
vue+elementui实现排序按钮icon
vue+elementui实现排序按钮icon效果图：前端页面代码：-----vue代码<el-rowtype="flex"justify="start"align="middle"><iclass="iconel-icon-s-fold"></i><span>访问量</span><divstyle="di
elementui的级联地址选择器
<template><divstyle="display:flex;align-items:flex-end"><el-cascaderref="cascaderAddr":options="options":props="{checkStrictly:true,value:'code',label:&#039
vue+ElementUI 日期选择器 获取时间戳
1、value-format="timestamp"<divclass="block"><spanclass="demonstration">daterange</span><el-date-pickerv-model="date"type="daterange"start-placeholde
vue项目总结
1.页面布局使用vue框架 和elementui   使用layout 布局   封装了公共的  侧边栏  头部  组件   主体部分通过router-view 匹配对应的组件 列表页实现： 先通过elementui  布局好有(card，table，分页page，日期筛选...)  引入
elementUI创建页面间的跳转
————————————视频笔记————————————————-第一步：创建新项目vue-第二步：删除多余的组件删除多余的代码，如下图所示-第三步：创建新组件1.创建主页在router/index.js文件下注册该页面将index.vue主页设置为默认显示状态2.对“主页”
vue 使用 elementUi的el-checkbox一直报TypeError: Cannot read property ‘length‘ of null
vue使用elementUi的el-checkbox一直报TypeError:Cannotreadproperty‘length’ofnull。报错报错原因v-model绑定的值在定义的时候有问题，多选框类型应该定义为数组，之前是checkList:null。<el-checkbox-groupv-model="checkList":disabled="disable
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native