![](https://img-blog.csdnimg.cn/20200409115251184.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue+element-ui
vue+element-ui常用问题收录
ioseeker
这个作者很懒,什么都没留下…
展开
-
Vue+Element ui+ Springboot实现table预览图片实现------Vue+Element 常用功能汇总之系列之二
代码: <el-table-column prop="dataUrl" header-align="center" align="center" width="150px" label="图片"> <template slot-scope="scope"> <el-popover placement="ri...原创 2020-09-28 16:23:56 · 756 阅读 · 1 评论 -
element-ui表格show-overflow-tooltip="true",鼠标移上去显示的宽度设置
情景:在使用element-ui表格时,内容过多,选用属性show-overflow-tooltip="true"进行溢出处理,但是鼠标移上显示时,很不美观,效果如下:解决办法:tooltip的类是el-tooltip__popper,所有设置一下CSS样式控制宽度就行了,css样式代码如下: <style lang="css"> .el-tooltip__pop...原创 2019-02-26 15:45:04 · 20512 阅读 · 12 评论 -
Vue+Element ui+ Springboot实现Excel模板下载实现------Vue+Element 常用功能汇总之系列之一
情景:Vue+Element ui+ Springboot项目中前端用到Excel模板下载功能,在网上找了不少案例,多数不尽人意,不是失败就是下载后数据乱码,解决后在此记录一下。前后端代码如下:前端代码:1.按钮 <el-button size="mini" type="success" icon="el-icon-download" @click="subPrint"&g...原创 2019-07-20 13:46:13 · 3505 阅读 · 1 评论 -
Vue+Element ui中表单常用下拉列表
情景:表单中会出现使用下拉列表,下拉列表是通过查询字典表中,下面就记录一下。1.form表单<!-- 只贴出item部分 --><el-form-item label="出产国别" prop="countryType"> <el-select v-model="form.countryType" placeholder="请选择出产国别"> ...原创 2019-08-19 10:35:35 · 11457 阅读 · 0 评论 -
Vue+Element ui中常用表单验证----手机号、座机、传真、邮箱、身份证号、数字和带小数点的数字
情景:最近为前端form表单提交时需要验证一下几种特殊的输入数据格式进行验证,在此记录一下。一:正则1.手机号:const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;//11位手机号2.座机和传真:const reg = /^(\d{3,4}-)?\d{7,8}$/;//座机和传真格式是一样的:区号-号码3.邮箱:const reg = /...原创 2019-08-16 16:08:47 · 14637 阅读 · 3 评论