##element-ui

webpack打包优化通过cdn引用element-ui

已element-ui为例，具体配置如下：第一步：配置externals因为element-ui依赖vue两者都要配置第二步：引入js文件用externals配
ffwangkun·2020-07-11 06:11

Vue Element-ui el-table组件 实现跨分页全选 可全选中当前页 也可选中全量数据

前端模拟数据示例，无需后台接口，复制粘贴即可看到效果。  全选所有 importaxiosfrom'axios';exportdefault{data(){return{lists:[{id:'1',time:'2019-09-0912:12:12'},{id:'2',time:'2019-09-0912:12:12'},{id:'3',time:'2019-09-0
fangge_·2020-07-11 05:03

后台人员使用VUE入门

很久没有写web，最近写一个简单的DEMO，后台使用python，简单的总结下：1、组件选择VUE+ELEMENT-UI，组件用ELEMENT-UI基本沟通2、编辑工具：vscode，使用的vue插件用的
小小她爹·2020-07-11 05:05

el-upload上传组件，实现单个上传，批量上传，进度条显示，自定义上传文件样式

下面是我对element-ui的上传组件的一些改造，点击查看源码。我是自己维护了一个列表数据，再对这个列表数据进行一些操作，没用组件自带的。
水中蒹葭·2020-07-11 05:27

查找element-ui中el-table组件的行数

rowClassName({row,rowIndex}){//把每一行的索引放进rowrow.index=rowIndex;console.log(row)},一般情况下'row-click'方法只能获取该行数据，为了能获取到该行的行数index，用row-class-name给每一行都加上index，即可获取index转载于:https://www.cnblogs.com/fujijill/p/
diefeng4441·2020-07-11 05:49

限制input标签中,只允许输入大于0的正数且保留两位小数

基于监听事件和通过正则处理字符串实现一、原生JS二、基于vue三、基于vue和element-ui一、原生JS//获取节点letinp=document.getElementById('number')
coderW·2020-07-11 04:03

Mint-UI基于Vue.js的移动端组件库

原文地址：https://cloud.tencent.com/developer/doc/1273Mint-UI基于Vue.js的移动端组件库，它的使用方法类似于Element-UI。
boonya·2020-07-11 03:30

vue2.0 使用element-ui里的upload组件实现图片预览效果

1.首先我们在cli中引入element-ui2.然后在具体的代码中放入uoload组件点击上传只能上传jpg/png文件，且不超过500kb3.使用element-ui的upload组件中提供的接口:
--erPang·2020-07-11 01:04

element-UI+Vue+SpringBoot 分页查询

前端分页插件使用element-UI的组件代码current-page，指定当前的页码数page-size，指定每页的数据条数total，总记录条数current-change，当页码数发生改变时触发的事件
Tommy5553·2020-07-11 00:33

关于element-ui表格滚动条样式el-scrollbar使用的问题

一、问题如下图，原始表格滚动条很丑二、想要的效果如下三、操作步骤1、template部分代码2、script数据部分的代码exportdefault{//数据data(){return{tableData:[{date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',name:'王小虎',address:'
Jack_13201·2020-07-10 22:49

vue+node+mysql实现分页展示数据

用到的技术栈vue-cli+node+mysql前端页面编写页面搭建主要是用到了element-ui框架，用到了表格组件和分页组件代码#pagepos{//float:righttext-ali
Jeslie-He·2020-07-10 21:45

element-ui日期选择器里面设置时间范围(限制开始时间和结束时间)

使用:picker-pitions绑定属性在页面js中写返回的时间限制,当前选择器时间time.getTime()如果大于其开始(结束)时间,则其前面或者后面时间无法选择**效果如下**追加:start_Date:{//时间限制disabledDate:time=>{if(this.addForm.end_time){returntime.getTime()this.addForm.end_tim
吃饭不吃肉·2020-07-10 19:01

element-ui upload组建上传 file-list踩过的坑

昨天修完了一个上传组件删除时，图片删掉了，但是地址仍然在的bug，今天测试告诉我bug没休掉，what！，昨天修完之后我自测了一下，OK的好吗，但是测试给我演示了一下，问题仍然存在！！！我看了一下调试窗口，报错：id不存在？这个id是写在handleRemove里面的，原本是file里面的response里面的id,但是现状id不存在，我把file打印出来，如下图：我更懵逼了，昨天的file结构怎
weixin_30396699·2020-07-10 18:28

热门平台源码分享SpringBoot + Mybatis + Shiro + mysql + redis

后端技术栈基于SpringBoot+Mybatis+Shiro+mysql+redis构建的智慧云智能教育平台基于数据驱动视图的理念封装element-ui，即使没有v
mrchaochao·2020-07-10 17:33

Vue 随笔记

记录一下平时编写中用到的小技巧element-ui中一些默认带参的方法想传入自定义参数时的解决办法，以@change添加自定义参数为例//第一个参数是默认的value参数，第二个是我们自己想传入的参数@
Nazgul丶戒灵·2020-07-10 16:58

element-ui+vue,翻页添加首页、尾页跳转按钮

分页代码首页尾页element-ui默认跳转方法handleSizeChange(psize){this.pagesize=psize;},handleCurrentChange(cpage){this.currpage
Nazgul丶戒灵·2020-07-10 16:58

element-ui 点击行如何获取table的行索引

文档中有一个tableRowClassName方法，可以获取到当前行的index，1234tableRowClassName({row,rowIndex}){//把每一行的索引放进rowrow.index=rowIndex;}例子：表头：js:tableRowClassName({row,rowIndex}){//把每一行的索引放进rowrow.index=rowIndex;},onRowClic
Nazgul丶戒灵·2020-07-10 16:58

element-ui el-upload http-request自定义上传方法

html选择图片或视频尺寸750*1125px，大小2M以内，视频支持MP4jsdata:function(){return{upload_url:'',//上传URLupload_name:'',//图片或视频名称ad_url:'',//上传后的图片或视频URLad_url_list:[],//预览列表}},methods:{handleExceed:function(){_.$alert('请
XYLH2015·2020-07-10 16:22

element-ui中el-tree组件的节点过滤中的关键字高亮实现

而三大框架更多的偏向于js交互层面，而在ui层面里呢，饿了么外卖的那个element-ui是使用vue时组件覆盖面较为全面的了。目前在用到便签时，发现了原生并没有支持高亮检索词属性。
张狗·2020-07-10 15:01

element-ui upload使用经验总结

结构：将文件拖拽至此区域上传点击上传方法调用：uploadFile(file){varformData=newFormData();formData.append('file',file);varfile=formData;this.axios.post("/employees/import/upload",file).then((res)=>{if(res.data.code==200){thi
小太阳sunshine·2020-07-10 14:18

element el-tree自定义图标和修改节点内容

element-ui中Tree树形自定义节点内容render-content使用render-content不显示树形组件问题解决方法1，需要安装transform-vue-jsxnpminstallbabel-plugin-syntax-jsxbabel-plugin-transform-vue-jsxbabel-helper-vue-jsx-merge-propsbabel-preset-en
一月清辉·2020-07-10 13:08

使用element-UI中——el-image加载图片，加载过程中闪现白色背景的解决方法

el-image这个标签，在element-UI的2.72版本之前是
七里汀·2020-07-10 13:02

再撸一个 Vue 指令实现拖拽功能

由于我们项目中用的是element-ui，所有这个指令只针对element-ui的对话框组件哈，如果你们用的别的ui库也有这个需求的，涂涂改改应该也能用。。
小可乐程序员·2020-07-10 11:52

vue入门 | 双向绑定Demo | Element-ui 编辑.添加.删除功能

源码演示1.引入vue.js和element-uivue简单案例2.element-ui列表模板编辑删除添加取消确定3.初始化数据渲染列表varvm=newVue({data(){return{form:{//添加列表时,初始化数据date:'',name:'',address:''},formLabelWidth:'50px',//添加数据弹框label标签宽度dialogFormVisible
WEB_克克·2020-07-10 10:05

element-ui el-input的placeholder内添加iconfont 图标

//不能直接赋值data(){return{icon:'\ue66d搜索全网'//字体的unicode编码\u加iconfont的unicode字体编码后4位}}.el-input__inner{font-family:'iconfont';//字体}
良品山核桃·2020-07-10 10:52

ElementUI走马灯案例

ElementUI走马灯案例----------vue框架操作1.先使用npm安装npmielement-ui-S2.在main.js中引入Element，一般引入这三行就可以importElementUIfrom'element-ui
国产菇凉·2020-07-10 10:05

Element-ui使用的坑记录

不同浏览器的dateTimePicker选择问题在苹果的ios浏览器safari、IE这些浏览器中，日期格式为yyyy/mm/dd，中间是/来分隔日期，chrome中几种格式都可以显示Element-UI
唐宋xy·2020-07-10 10:40

element-ui 限制日期选择(datepicker)

需求场景如下：指定起止日期，后选的将会受到先选的限制不同的日期选择器，不过也存在关联关系实现方法不难，利用了change事件，动态改变picker-options中的disableDate即可。查看DemoTemplate起始日期截止日期ScriptvarMain={data(){return{pickerOptionsStart:{},pickerOptionsEnd:{},startDate:
知止至得·2020-07-10 10:19

Vue之vue项目引入并使用ElemntUI组件

1、用vue-cli生成项目结构目录2、使用element-ui前需安装修改的配置：（1）安装loader模块：npminstallstyle-loader-Dnpminstallcss-loader-Dnpminstallfile-loader-D
芃芃兮其麦·2020-07-10 09:10

element-ui字体颜色变换

element-ui根据report_null值改变字体颜色{{scope.row.name}}{{scope.row.name}}tag标签{{scope.row.method}}
黑帽子特警·2020-07-10 09:28

element-ui 导出excel

element-ui导出excel项目简介vue+elementUi插件使用ProjectDescriptionfile-saver保存文件xlsx电子表格解析器安装npminstallfile-saverxlsx
weixin_34258838·2020-07-10 08:12

页面中使用多个element-ui upload上传组件时绑定对应元素

elemet-ui里提供的upload文件上传组件,功能很强大,能满足单独使用的需求,但是有时候会存在多次复用上传组件的需求,如下图的样子,这时候就出现了问题,页面上有多个上传组件时,要怎么操作呢?之前在网上找到了一位大神的方法,修改源码,在回调函数中多加一个参数,但是这种方法在多人开发时不太适用,因为这要求所有人都要修改源码,这里附上大神的方法,大家可以酌情使用首先在你下个包里面找到node_m
weixin_34191845·2020-07-10 08:10

VUE UI框架对比 element-ui 与 iView

elementVSiview(最近项目UI框架在选型，做了个分析，不带有任何利益相关）主要从以下几个方面来做对比使用率（npm平均下载频率，组件数量，star,issue…)API风格打包优化与设计师友好性1，使用率（npm平均下载频率，组件数量，star,issue…)element-uinpm下载次数以及issue目前明显未解决bug遗留数量,这个应该跟生态也有关系，用element的人多，发
weixin_33948416·2020-07-10 08:19

Vue后台管理系统用户认证封装

开发依赖"vuex":"^3.1.0","babel-polyfill":"^6.26.0","element-ui":"^2.9.1","vue":"^2.5.2","vue-router":"^3.0.1
helloxielan·2020-07-10 07:34

VUE使用element-ui的upload组件自定义文件列表

先上效果图：悬浮时的效果：上传时的效果：以下测试在vue(v2.5)+vue-router(v3.0)+element-ui(v2.0)环境下进行，一些细节（
weixin_33734785·2020-07-10 07:28

如何在vue项目中引入element ui组件以及如何引入iview组件

一、引入elementui组件（1）安装elementui，即：npmielement-ui-S然后在项目中的node_modules目录下查看是否有element-ui文件夹，如果有说明安装成功了；（
weixin_30257433·2020-07-10 06:30

element-UI el-table表格根据搜索条件表格值改变颜色

Part.1关键代码vars="天气";//需要匹配的字符varreg=newRegExp("("+s+")","g");//形成正则规则varstr="天气真好，可以出去玩玩";//全部字符varnewstr=str.replace(reg,"$1");//筛选符合规则字符 Part.2问题我需要搜索下图表格中“因子标签”列，当我输入“测试”关键字时需要文字变成红色，如何进行？搜索条件：表格如下
weixin_30244889·2020-07-10 06:57

利用Element-UI的upload组件实现文件的上传以及样式变化

最近在做项目的时候遇到在浏览器中上传视频的需求，使用Element-UI的upload组件。
wantingtr·2020-07-10 05:34

AVUE + element-ui 项目使用搜集

收集项目难点常用点1.关闭当前tag并跳转到新页面this.$store.dispatch('tagsView/delView',this.$route)this.$router.push('/research/topic/list')2.对话框提示配置this.$msgbox.confirm('确定要将这些人添加到课题吗?','提示',{callback:(action)=>{if(action
DauntLess_FYQ·2020-07-10 04:47

Vue 树组件

因为项目中使用比较多树形组件的原因，尝试使用过iview以及element-ui的树组件，两个组件库都非常优秀，但是在用它们的树组件来实现需求时都不甚满意。
木马啊·2020-07-10 03:18

vue组件库 element-ui常见问题总结

ps:以下改变element-ui默认的样式时都不能加scoped，可以加一个唯一前缀避免污染全局样式改变默认样式都可以通过打开控制台查看层级和类名进行更改el-table相关1.改变hover时表格的背景颜色
saberrrrrrrr·2020-07-10 01:38

vue+elementUI完成注册及登陆

vue怎么引入和配置使用element-ui框架1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro011.2npm安装elementUIcdpro01#进入新建项目的根目录
淼呆·2020-07-10 01:46

传统html+vue+elementUI开发+nodeJS环境搭建

ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui
淼呆·2020-07-10 01:46

element-ui 文件上传进度

自定义上传进度on-progress文件上传时的钩子function(event,file,fileList)evnet参数ProgressEvent{isTrusted:true,percent:100,lengthComputable:true,loaded:17830,total:17830,…}isTrusted:truelengthComputable:trueloaded:17830t
qq_164165005·2020-07-10 00:50

Element-UI tree 组件 点击后高亮显示的样式修改(背景色)

树，设置check-change时，点击行选中，点击三角符号可以展开，但是颜色不受控制，/deep/.el-tree-node:focus>.el-tree-node__content{background-color：red;}找了半天的问题，，，这么一句，记下来，难受。记录一下悬浮颜色修改/deep/ .el-tree-node__content:hover {  background: rg
十里春分·2020-07-10 00:05

element点击查看大图

element源码中的组件预览//导入组件importElImageViewerfrom'element-ui/packages/image/src/image-viewer'exportdefault
大大大大冬瓜·2020-07-09 23:24

一个小白的vue之路（四）——搭建自己的后台管理开发框架（1）

另外本文不涉及页面样式只注重功能，在后面的文章中我们会引入element-ui、登陆验证、权限控制等，最终形成一套完整的后台管理模板。第一步开始前准
复杂动物·2020-07-09 23:42

element-ui upload组件覆写默认上传行为

使用http-request参数来自定义上传行为选取文档使用这个参数之后，on-success，和on-progress就不起作用了，可以这样做upload(fileObj){varformData=newFormData()formData.append('file',fileObj.file)uploadDoc(formData,fileObj).then(function(res){file
王等等csdn·2020-07-09 23:29

vue cli3 搭建项目 使用vue-router 以及 element-ui

搭建vue项目，（node和git首先要下载）1.首先根据vue官网Cli的说明，快速搭建。cli3上的命令应该是:vuecreate项目名称（之后可以一路回车）npmrunserve将项目跑起来。2.vscode打开项目，可以看到目录，首先在src下创建views文件夹，在里面继续创建两个文件夹，分别是login和comment（个人习惯）,在这两个文件夹中新建文件，login.vue和home
爱拉比·2020-07-09 23:23

ElementUI 修改组件默认属性

项目引入element-ui后，有时需要对组件的属性进行全局修改。比如input默认不开启清空按钮，我们需要让他变成默认开启，不然还需要一个个的手动修改。
南乡人·2020-07-09 23:09
上一页 124 125 126 127 128 129 130 131 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他