Elment-UI

基于element-ui的合并单元格（动态数据合并）

一、框架名称&版本号框架：element-ui版本号：2.3.9或更高传送门：elment-ui页签：https://element.faas.ele.me/#...demo地址：https://github.com
吼啾啾·2020-08-20 17:32

为elment-ui的el-select选择器添加onblur失焦事件产生的问题

用户编号：所需要实现的功能是当查询输入时，如果用户输入的数据是选项里面不匹配的，则返回显示无匹配数据。JS代码如下this.$refs.select.$refs.reference.$refs.input.onblur=()=>{lethaveitem=0;for(leti=0;i
Manggoo·2020-08-20 07:59

vue-cli webpack全局引入jquery、elment-ui

一、引入jquery1.首先在package.json里加入:dependencies:{"jquery":"^2.2.3"}然后nmpinstall（或者使用命令行：npminstalljquery–save-dev）2.在webpack.base.conf.js里加入:varwebpack=require("webpack")...//在module.exports的最后加入plugins:[
front_end_fan·2020-08-16 07:00

elment-ui中的$prompt，阻止点击确定关闭弹窗

this.$prompt('请输入新名称','提示',{confirmButtonText:'确定',cancelButtonText:'取消',inputErrorMessage:'输入不能为空',inputValidator:(value)=>{if(value.trim().length{if(action=='confirm'){letvalue=instance.inputValueif
ooo__A_A__ooo·2020-08-15 20:53

作用域插槽，《template》里的 slot-scope ，vue之element-ui中，封装element-ui

的属性接收到父组件的list数据id={{scope.row.id}}名字={{scope.row.name}}而row等于遍历那个数组中的某个数据item（item里面有数据的属性id和name如图3）（题外话：elment-ui
我爱搬砖，搬砖爱我·2020-08-15 14:15

vue-quill-editor富文本编辑器插入图片

vue-quill-editor富文本编辑器插入图片主要就是增加了elment-ui的el-upload上传图片组件editor.vue组件使用editor.vue的组件主要就是增加了elment-ui
yilaisai·2020-08-07 21:58

前端 项目总结

需求点有文档的上传下载文档中的标准码表模型的管理树形目录数据库的导入标准码表的审核还有就是登录权限等技术栈是前端vue+vuetify(感觉没elment-ui好用)加后端javaspringboot(
hu741308125·2020-08-01 12:42

20vue登录-表单数据重置

p=20Vue登录输入框--表单数据重置elment-ui内Form表单的resetFiledsMethods1form内数据重置表单添加ref引用ref="loginFo
Astone_big·2020-07-30 13:28

vue开发结合element-ui的一些常见问题

最近在做vue移动端的一个后台项目，主要用elment-ui框架，也有用mtni-ui。
夕阳下美了剪影·2020-07-28 07:25

图片的上传，显示，删除功能实现

上传在这里我们上传图片由一个input和我们根据自己需求写的上传按钮（不同的需求要求上传的方式不同），先完成Input的编写，根据我们自己的需求使用其属性(此项目为vue项目，部分ui采用的elment-ui
weixin_34217773·2020-07-13 18:12

vue + elment-ui导入上传excel表格并读取数据（完结版亲测有效！！）

之前试了很多网上的方法都不行，总会出现各种各样的问题，不是这里缺东西就是那里报错，摸索了老半天终于搞定hhhhhh，于是自己写了一份总结，方便需要的同学使用。首先，这里需要实现的效果为：当点击按钮时,打开文件夹，选择excel表并上传，读取excel表中的内容，并把内容填写至之中，如图：接下来需要做的是安装3个依赖和添加两个js文件：npminstall-Sfile-saverxlsx（这里其实安
耿彦丰·2020-07-13 16:58

解决elment-ui折叠和收缩导航栏延时动画效果

解决方法：1、最外层包一层div2、通过div类名设置样式穿透.ibps-layout-header-aside-menu-side>>>.collapse-transition{-webkit-transition:0sheight,0spadding-top,0spadding-bottom;transition:0sheight,0spadding-top,0spadding-bottom}
武人熊大大·2020-07-13 09:43

Vue修改elment-ui组件的el-aside的width

会发现通过this.$ref.aside.style.width='auto'或者指定值，会发现控制台直接报错，修改不生效。换种做法将200px作为属性计算，进行双向绑定数据constvm=newVue({//配置对象options//配置选项(option)el:'#app',//element:指定用vue来管理页面中的哪个标签区域data:{wth:'200px'},methods:{cha
黎明前的一道光·2020-07-12 21:21

vue+element-ui入门（手把手教你怎么用element)

安装使用查看版本升级或安装cnpm最新稳定版全局安装vue-cli创建一个基于webpack模板的新项目这里需要进行一些配置，默认回车即可2.安装element-uinpm安装3.使用项目目录：引入Element使用elment-ui
bigFace2019·2020-07-09 10:59

elment-ui tree单选实现

elment-ui里面的树形控件，默认是多选的，如果你仔细看过各个属性和方法就可以实现单选。
干啥啥不行，bug第一名·2020-07-08 01:22

基于elment-ui 封装可复用table之vue-el-mtable

基于elment-ui封装可复用tablevue-el-mtable为了简化table使用，笔者将elmentui中的table组件进行了，再封装，方便使用，后期逐渐完善功能示例demo在文章最后源码地址
MmM豆·2020-07-06 17:12

修改级联组件el-cascader默认文字样式

（适用于修改elment-ui其他组件的样式）因为element-ui组件都是封装好的，比如我想把级联框选择后的文字变大一些，那么我就要改变.el-cascader__label的font-size。
qiuqiu1894·2020-07-02 15:23

【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成
IrisLong·2020-07-01 18:39

8-Vue中使用elment的el-dialog，关闭对话框清除表单信息

但第二次点击后总会有上次的信息存在，所以关闭弹窗后，需要清除对话框中表单的所有信息1.首先在div布局中放置button按钮新建2.编写弹窗在div中即可，只要位于整体的大盒子中，位置好像都可以，可以引用elment-UI
天天yaya吖·2020-06-26 12:27

基于Element-UI的组件改造的树形选择器（树形下拉框）

el-select和el-tree改造了一个，感觉还挺好用的，就封装成了一个组件，如下图：element-ui的el-select组件的选项只能是列表形式：改造后的树形选择器：简介：此树形选择器组件是基于elment-ui
蔚莱先森·2020-06-22 02:29

基于Element的组件改造的树形选择器(树形下拉框)

el-select和el-tree改造了一个，感觉还挺好用的，就封装成了一个组件，如下图：element-ui的el-select组件的选项只能是列表形式：改造后的树形选择器：简介：此树形选择器组件是基于elment-ui
蔚莱先森·2020-02-27 15:28

element-ui页签改写：路由+缓存模式（keep-alive）

基于element-ui框架实现页签传送门：elment-ui页签：https://element.faas.ele.me/#...keep-alive：https://cn.vuejs.org/v2/
吼啾啾·2020-02-18 06:58

vue 中 elment-ui table合并上下两行相同数据单元格

html：methodobjectOneMethod({row,column,rowIndex,columnIndex}){if(columnIndex===0){const_row=this.setTable(this.ptableDate).one[rowIndex];const_col=_row>0?1:0;return{rowspan:_row,colspan:_col};}if(colu
lijinglianging·2019-12-26 17:31

Element-UI中Select选择器详解

image前言最近开发的后台管理系统项目采用Vue+Element-UI技术架构，在使用Elment-UI中Select组件的时候遇到了比较多的操作难题，官网上关于这个组件的使用文档介绍的不是很详细，仅仅提供了一些基本用法
视觉派Pie·2019-12-16 15:11

elment-ui

el-table使用el-popover实现删除功能栗子：确定删除吗？取消确定删除exportdefault{data(){return{tableData:[],iNow:false//防止重复操作}},created:asyncfunction(){//初始化列表letparams={departmentid:18,search:this.search};letres=awaitHttp.po
卓小生·2019-12-01 12:53

Element-UI中Select选择器详解

前言最近开发的后台管理系统项目采用Vue+Element-UI技术架构，在使用Elment-UI中Select组件的时候遇到了比较多的操作难题，官网上关于这个组件的使用文档介绍的不是很详细，仅仅提供了一些基本用法
视觉派Pie·2019-09-10 00:00

【Element-UI】解决el-icon图标显示不出来的问题

遇到的问题是：在vue中加入elment-ui中的图标，但是页面上没有显示。页面部分代码为：首页标题1可以看到，代码是没问题的，但是页面中就是没有
AXIMI·2019-04-28 11:35

vue 结合elment-ui做一些表单验证

validate.js//验证手机号码exportfunctionisvalidPhone(str){//方法封装constreg=/^1[3-9][0-9]{9}$/;returnreg.test(str)}......调用import{isvalidPhone}from'../../../../common/js/validate.js'data(){varmobile=(rule,value
轩轩小王子·2019-02-17 00:59

表单输入字符串直接转换数字 v-model 的修饰符

.numbervue提供了一个修饰符--v-model.number在表单输入的时候直接将字符串转换成数字类型很是方便在elment-ui中做表单检验的时候，直接在校验里设定type="number"去掉
Ace_with_Yu·2018-09-30 10:00

webpack+vue 在使用element-ui时import 'element-ui/lib/theme-chalk/index.css‘失败

css-loader', exclude:/node_modules/ }12345但是这样仍然无法正常运行的，因为在elment-ui中css中运用了饿了么的字体库，即.wtff文件，这导致任然缺少
一个柠檬·2018-07-17 11:42

验证实现element-ui树形控件的自定义图标及右键菜单（一）

直接进入今天的正题，前提是node.js的环境还有vue及elment-ui都已经安装。由于element-ui的官方文档中介绍比较粗略，试了许久才成功，因此将其记录。
Bonjourjw·2018-06-26 11:04

构建个人组件库——vue.extend和vue.component

需求：构建一个类似elment-ui的组件库，打包发布到npm个人探索：webpack打包发布到npm流程-->组件开发环境和组件发布环境探索-->两种类型的组件个人探索流程和实际流程基本是反着来的本文目标
闲人王昱珩·2018-04-28 10:35
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他