##element-ui

About me

技术栈语言方面:HTML,css,javascript,ObjectC,php,python前端框架:jQuery,BootStrap,Vue,element-ui,MUI,D
coder_Simon·2020-06-23 04:31

element-ui 源码解析 一

Button组件button.vueexportdefault{name:'ElButton',//provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量inject:{elForm:{default:''},elFormItem:{default:''}},props:{type:{//按钮类型type:String,de
diaochengzao6501·2020-06-23 04:38

element-ui + vue 简易留言板

留言板添加重置{{$index+1}}删除0">全部删除删除全部条留言删除此条留言取消确定newVue({el:'#messageboard',data:function(){return{title:'',content:'',mydata:[],dialogVisible:false,nowIndex:-100,}},methods:{add(){if(this.title==''||this
diansansan1077·2020-06-23 04:19

element-ui样式不能被修改？修改element样式问题

用ui组件总免不了需要对它做一些个性化定制的需求，所以我们就要覆盖element的一些样式。首先我们要了解一下vuescoped是什么，很多人非常喜欢用scoped，其实scoped也没有很神秘的，它就是基于PostCss的，加了一个作用局的概念。//编译前.example{color:red;}//编译后.example[_v-f3f3eg9]{color:red;}它和我们传统的命名空间的方法
dcaix89·2020-06-23 03:08

el-scrollbar 使用以及滚动到指定位置

文章目录写在前面开始使用滚动到自定义位置动态滚动条写在前面浏览器默认的滚动条样式不是很美观；其实，在element-UI中有一个隐藏组件，这个组件的滚动条还是很不错的，比原生的滚动条好看，而且还有一些效果
Never Yu丶·2020-06-23 00:22

vue—组件element-ui的使用

vue的一个比较常用的组件库是element-ui下面介绍一下element-ui组件的用法：首先，我们需要安装element-ui组件库，推荐使用npm安装NPM安装命令：npmielement-ui-SCDN
SN_G·2020-06-23 00:35

element-ui的this.$confirm和this.$message

confirmFn(){this.$confirm('确定要结束吗?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{alert(111);}).catch(()=>{});//this.$message({//message:'复制成功',//type:'success',//cente
cristina_song·2020-06-23 00:02

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（十一）构思商品页面

在写商品页面product.vue之前，我应该思考一下，商品页面要实现那些功能，该不如布局？要实现的功能1、所有商品列表的展示2、分类商品的列表展示3、搜索商品或得列表展示4、单一商品的详细页面5、商品列表分页功能6、还没想到的..................预想页面布局1、product.vue页面分左右两边，左边放商品的分类的类型（如：所有商品、石榴、松子、火腿、其它....），写成fix
思吾谓何思·2020-06-23 00:31

vue结合element-ui做简单版todolist

结合element-ui首先需要npm安装element-uinpmielement-ui-S；然后在入口文件中引入；importElementUIfrom'element-ui';import'element-ui
「已注销」·2020-06-22 23:38

Vue中关闭dialog时销毁DOM、数据等

背景：今天在写Vue时遇到一个用element-ui的dialog时，里面用路由引用的其它页面。
Nazgul丶戒灵·2020-06-22 23:44

Vue element-ui select 下拉框数据懒加载

{{item[labelKey]}}({{item[labelValue]}})exportdefault{name:"selectLazyLoading",directives:{'el-select-lazy':{bind(el,binding){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown.el-select-dropdo
绝对零度HCL·2020-06-22 21:16

vue引入element-ui组件及其报错

1.安装依赖npminstallelement-ui--save2.引入element-ui在main.js中引入下面代码importElementUIfrom'element-ui';import'element-ui
chen_vae·2020-06-22 21:37

项目中element-ui popover外部点击隐藏失效

问题在项目页面中使用popover，设置trigger='click'时点击外部不会触发自动隐藏，但在element官网中是可以正常触发的（官方示例），项目中的菜单是自定义写的，所以怀疑是有黑魔法。查找原因将popover写在app.vue根组件内，发现可以正常触发自动隐藏。在app.vue的mounted钩子中加入window.addEventListener('click',()=>conso
天驱丶·2020-06-22 20:12

element-ui select下拉框默认值的问题

要为select设定默认值，只要把v-model绑定的值和你想要选中option的value值设置一样即可。关于elementselect框默认值赋值不成功问题，注意两点：1、v-model里面的数据和遍历出来value值数据类型不一样。（例：item.provinces类型是number，province类型是String。类型不一样导致赋值不成功）2、遍历数据和赋值的先后顺序，必须保证数据先遍
carmen_shao·2020-06-22 20:33

vue，element-ui 登陆注册面板

先甩个成品效果图：几个小笔记整体思路：首先写一个绝对定位的页面，先隐藏起来，当点击登陆，注册时，将其显示出来。控制显示隐藏用的是Vue的v-if.需要注意的是，要禁止页面的滚动，否则底部在滚动时会漏出来。//禁止滚动document.getElementsByTagName("body")[0].style="overflow:hidden;";1.全屏幕阴影.pannel{position:ab
bw_yyziq·2020-06-22 19:30

VUE Element-ui transfer 使用心得

VUEElement-uitransfer使用心得前段时间由于项目中需要写穿梭框在网上找了很多例子都不太符合业务需求先上图看看我的大体业务场景这些是新建时候的业务场景这个业务场景很简单这是编辑业务场景主要是回显气象要素{{item&&item.varName}}选择这是htmlexportdefault{data(){return{dataElemendata:[],//渲染DIVdataSele
bodypc·2020-06-22 18:53

解决element-ui中多个table在tab切换时出现宽度缩小的问题

用的是vue的element-ui前端框架今天遇到一个小问题，花了我几个小时才研究先看图我需要在两个tab中各自放一个table，并且其中一个table的数据变化时，另一个table也需要变化，当我在第一个
蔡挨踢·2020-06-22 17:42

修改element-ui中tree的checkbox

在使用element-ui中tree的checkbox时，有时需要根据节点的属性来决定是否在节点前显示checkbox选择框，因此需要对element-ui的源码进行修改。
WebGiser·2020-06-22 16:18

Vue-router 结合 element-ui 制作动态导航栏 + 面包屑

效果图如下：主要思路：一开始我的想法是根据左侧导航栏的点击事件动态的改变上方的面包屑，但后来发现如果直接通过URL访问的话导航栏和面包屑都是处于初始状态的。因此我想到通过router的值同时改变导航栏和面包屑。首先，我们定义router文件，注意将Router的模式设为history，否则跳转时URL上会带有#符号，导致获取到的route值不正确，代码如下：router.tsimportVuefr
JOY酷酷·2020-06-22 16:23

element-ui的resetFields()方法不生效的原因及解决方法

element-ui的官方文档：当我们第一次打开Dialog，紧接着设置回显，因为Dialog还没执行完毕，这时form的初始值会被设置为回显的值，所以在调用this.$ref['form'].res
eara's·2020-06-22 16:10

vue element-ui vuex实现皮肤切换

1.安装sassnpminstall--save-devsass-loadernpminstall--save-devnode-sass2.在build文件夹下的webpack.base.conf.js的rules里面添加配置{test:/\.sass$/,loaders:['style','css','sass']}3.安装elementui的自定义主题工具npmielement-theme-g
bai_riqiang·2020-06-22 16:18

element-ui 设置表格某行不能选择

selectable为element-ui提供的属性，类型为Function，Function的返回值用来决定这一行的CheckBox是否可以勾选，返回true为可选，false为不可选。
bai_riqiang·2020-06-22 16:47

element-ui table 行选中

setTimeout(()=>{this.tvTableData.forEach((item,i)=>{this.slcdTvList.forEach((item2)=>{if(item.clientKey==item2.clientKey){this.$refs.multipleTable.toggleRowSelection(this.tvTableData[i],true)}})})},10
bai_riqiang·2020-06-22 16:47

Element-UI新手快速入门 通过拖拽式可视化开发ElementUi

关于ElementUi的详细文档欢迎大家访问官网，本节为大家介绍一款通过拖拽配置即可辅助我们开发ElementUI让你的开发之旅变得有趣起来，大大降低element开发门槛，提升开发效率等不及的可以直接访问去体验http://lowcode.magicalcoder.com/element软件全貌提供了丰富的组件直接拖拽到右侧即可涵盖大部分ElementUi官方提供的组件关于布局：支持多段设备即时
程序类猿·2020-06-22 12:35

vue element-ui 分页组件封装

exportdefault{components:{},data(){return{}},props:{pageSize:{type:Number,default:10},total:{type:Number,default:1}},watch:{},methods:{//每页展示条数handleSizeChange(val){//事件传递this.$emit('handleSizeChangeS
adai19850204·2020-06-22 12:23

vue element-ui date-picker 日期选择器控件 设置时间范围 限制可选的开始时间和结束时间

vueelement-uidate-picker日期选择器控件设置时间范围限制可选的开始时间和结束时间总结一下日期控件实现开始日期、结束日期的选择范围限制，以便更符合实际情况。需求：1.开始日期和结束日期都必须是今天之前；2.先选择开始日期，那么结束日期必须在开始日期之后，即只能选择开始日期之后的日期；3.先选择结束日期，那么开始日期必须在结束日期之前，即只能选择结束日期之前的日期；三个条件是【且
acoolgiser·2020-06-22 12:44

Springboot2.0.5+activiti6.0 vue-element-admin 前后端分离 流程跟踪优化

jdk1.8Springboot：2.0.5activiti：6.0.0id生成采用雪花算法高效生成，适用于分布式系统数据库：mysql-5.7.14权限shiro：1.4.0swagger：1.8.0前端：vue-2.6.1前端element-ui
a_54654646·2020-06-22 11:04

基于element-ui穿梭框来控制元素显示隐藏，以及通过拖拽来实现元素位置的变动，以及恢复元素初始状态功能

基于element-ui穿梭框来控制元素显示隐藏，以及通过拖拽来实现元素位置的变动，以及恢复元素初始状态功能（此块功能逻辑为本人在项目中使用（写法low,请见谅），安全可靠（本人项目实现的是列表表头的列的显示隐藏以及拖拽排序
Miss_Mr_Rui·2020-06-22 11:02

html vue与element-ui结合使用报错。

项目常见问题vue与element-ui结合使用报错el-table垂直条样式js获得时间合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中
a15110793402·2020-06-22 10:42

vue2.0 使用element-ui里的upload组件实现多图上传。采用FORMDATA的方式上传。

这边博文主要介绍的是使用element-ui的upload上传组件实现自定义多图上传的方式。
--erPang·2020-06-22 10:53

axios封装

importaxiosfrom'axios'import{Message,Loading}from'element-ui'constConfigBaseURL='https://localhost:300
快乐死肥宅·2020-06-22 10:16

如何用vue+element ui开发项目

将创建好的项目拖拽入VScode，打开终端，安装elementui：输入命令：npminstallelement-ui-S2.在main.js中引入elementui:添加代码：importelementuifrom'element-ui
w_zou·2020-06-22 10:04

关于element-ui的分页-----修改数据后页码的高亮问题

今天碰到一个棘手的问题，使用element-ui的分页，修改数据后刷新数据页码回到了初始值，按正常推理应该是点击了哪一页，修改过后数据还是哪一页才是正常看了官网上的介绍才恍然大悟，原来官网大大给了详细的解决办法
爬坑的小白·2020-06-22 09:59

vue+ElementUI自定义tree树形控件小图标

Element-ui自带的图标库还是不够全，还是需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下教程：1.进入iconfonthttp://www.iconfont.cn
Ysmitgo·2020-06-22 09:02

element-ui的el-table表格合并列

一、需求描述，如图，相同的区域位置进行合并，前提：后台给的数据相同区域名称的要放在临近。二、代码实现1、html页面√○△×—2、js代码data中定义position:0,rowSpanArr:[],//获取合并的数组getRowSpan(){this.rowSpanArr=[];this.tableData.forEach((item,index)=>{if(index==0){this.ro
二十亿少男的梦·2020-06-22 08:11

VueQuillEditor富文本上传图片(非base64)

本文中使用了element-ui框架来帮助我完成前端展示工作。上传图片上传图片也有几种方式，比如直接使用file控
·2020-06-22 08:23

vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip

3|||测试3的文字测试4|||测试4的文字测试5|||测试5的文字实现的逻辑如下上传文件解析txt发送内容至百度语音合成生成文件夹放置本次合成的mp3文件，并压缩成zip发送zip的地址给前端使用了element-ui
·2020-06-22 08:19

element-ui文件上传-自己封装的

文件上传1。上传importuploadfrom'@/components/upload'import{upLoadFile,getFileDetail,delFile,downLoadFile}from'@/api/bidding/common/common'exportdefault{name:'ItemInformation',components:{upload},data(){retur
XLLcsdn·2020-06-22 08:49

Element-ui input框效验

审核通过审核不通过exportdefault{components:{},data(){return{rules:{auditOpinion:[{required:true,message:"请填写审核意见",trigger:"blur"}],},batch:{auditFlag:"",//01-审核通过||02-审核不通过auditOpinion:"",//审核意见ids:[]},}},meth
XLLcsdn·2020-06-22 08:48

Vue export import 导入导出的多种方式与区别介绍

下面举例说明下在导出时使用export和exportdefault的对应的imort写法的区别一、部分导出和部分导入部分导出和部分导入的优势，当资源比较大时建使用部分导出，这样一来使用者可以使用部分导入来减少资源体积，比如element-ui
·2020-06-22 08:46

vue Element左侧无限级菜单实现

最近项目中,要用到element-ui的无限级分类菜单，根据角色生成不同的递归数据，查阅了网上很多资料，发现很多都不太完整并且没有很多的延伸性。
·2020-06-22 08:24

浅谈element中InfiniteScroll按需引入的一点注意事项

import{InfiniteScroll}from'element-ui';Vue.use(InfiniteScroll)好，这样引入、注册了，那么我们接下来做得事情就是在页面
·2020-06-22 08:11

【element-ui】级联选择器不能滚动，而是全部显示出来问题(常用配置属性)

做vue电商后台项目时使用了element-ui中的级联选择器，数据设置完后发现一级分类下无滚动条，而是将所有内容直接显示了出来，解决方法在CSS全局样式表中给el-cascader-panel添加高度
Whoopsina·2020-06-22 08:48

Vue + Element-ui的下拉框el-select获取额外参数

不仅仅是el-select，其余的Element-UI的组件中实现这种不想覆盖默认参数都可以这样使用。
myCat、·2020-06-22 07:45

element UI的使用方法

/#/zh-CN/component/quickstart2.安装cnpmielement-ui-S-S表示--save3.引入elementUI的css和插件importElementUIfrom'element-ui
王小站·2020-06-22 07:13

element-ui 表格获取单元格行和列的索引

通过:cell-class-name='getCellIndex'先把索引绑定到row下，点击实获取索引cellClick:function(row,column,cell,event){//console.log(row,column,cell,event);//varindex=$(cell).index();this.forecastTime=parseFloat(column.label)
Vansal·2020-06-22 07:31

Element-UI组件之通知Notice

Element-UI组件之通知NoticeAlert警告基本用法主题自定义关闭按钮带有icon文字居中带有辅助性文字介绍带有icon和辅助性文字介绍Loading加载区域加载自定义整页加载服务Message
法克__·2020-06-22 07:33

Element-UI组件之数据Data

Element-UI组件之数据DataTable表格基础表格带斑马纹表格带边框表格带状态表格固定表头固定列固定列和表头流体高度多级表头单选多选排序筛选自定义列模板展开行树形数据与懒加载自定义表头表尾合计行合并行或列自定义索引
法克__·2020-06-22 07:33

Element-UI组件之其他Others

Element-UI组件之其他OthersDialog对话框基本用法自定义内容嵌套的Dialog居中布局Tooltip文字提示基础用法主题更多Content高级扩展Popover弹出框基础用法嵌套信息嵌套操作
法克__·2020-06-22 07:33

Element-UI组件之导航Navigation

Element-UI组件之导航NavigationNavMenu导航菜单顶栏侧栏折叠Tabs标签页基础用法选项卡样式卡片化位置自定义标签页动态增减标签页自定义增加标签页触发器Breadcrumb面包屑基础用法图标分隔符
法克__·2020-06-22 07:02
上一页 143 144 145 146 147 148 149 150 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他