ElementUI共0篇
Element-ui message confirm Notification的二次封装(消息提示及弹窗)-北忘山

Element-ui message confirm Notification的二次封装(消息提示及弹窗)

element-ui已经封装了这些组件,但是有些时候我们使用的时候,往往需要在不同的地方写同样的代码块,所以可以做一个简单的封装,只需要导入并调用即可。可以在项目中减少代码量。message的封装(...
北忘山的头像-北忘山钻石会员北忘山9个月前
000
如何修改Element-ui中el-Input的placeholder样式-北忘山

如何修改Element-ui中el-Input的placeholder样式

一个普通的input框如果想修改placeholder样式,就可以使用以下的CSS代码: <style type='text/css'> ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; } ::-moz-pla...
北忘山的头像-北忘山钻石会员北忘山10个月前
040
vue Input失去光标事件 blur、focus获得焦点-北忘山

vue Input失去光标事件 blur、focus获得焦点

原生输入框如果没有使用框架(有些框架自带@blur事件的处理,例如:element-ui),就可以是使用以下的方法来实现失去焦点事件<input v-model="registerDate.userName" @blur.nativ...
北忘山的头像-北忘山钻石会员北忘山10个月前
000
VUE-Nuxt中如何修改Element-ui消息提示组件Message,MessageBox,Notification的样式-北忘山

VUE-Nuxt中如何修改Element-ui消息提示组件Message,MessageBox,Notification的样式

情景还原在使用Nuxt开发的过程中,使用flexible.js对px单位做了处理,想做移动适配,于是导致组件的这些样式都会有所更改,在修改过程中,发现了一些问题,特此记录解决办法。这次使用的组件是N...
北忘山的头像-北忘山钻石会员北忘山10个月前
000
vue+elementUI当文本超出一定字数时显示省略号-北忘山

vue+elementUI当文本超出一定字数时显示省略号

在el-table中<el-table-column :show-overflow-tooltip="true"> </el-table-column>参考官方教程:https://element.faas.ele.me/#/zh-CN/component/table然后鼠标放上去...
北忘山的头像-北忘山钻石会员北忘山10个月前
000
elementUi中的el-input去掉border边框-北忘山

elementUi中的el-input去掉border边框

前言在开发过程中遇到需要去掉 el-input的边框,使其满足ui要求,element-ui官网的el-input的样子如下:但是我需要的是下面这种没有边框的效果:不可行做法例如这样一段代码来设置<div class...
北忘山的头像-北忘山钻石会员北忘山11个月前
000
element-ui消息提示框及确认弹框封装为confirm.js-北忘山

element-ui消息提示框及确认弹框封装为confirm.js

代码灵感 ——薛定喵君起因因为在写博客管理后台的vue项目,里面使用了很多的提示框,正常情况下,就直接调用了 $message方法,但是使用的地方多了起来,导致这样就会有很多冗长的代码,所以抽...
北忘山的头像-北忘山钻石会员北忘山12个月前
000