
element-ui
@~~涛
这个作者很懒,什么都没留下…
展开
-
elementUI中el-date-picker日期选择器设置只能选择的日期,其他为不可选择
效果图,红框的就是不可选的在el-date-picker中添加picker-options属性,<el-date-picker v-model="form.endTime" type="date" placeholder="请选择结束时间" value-format="yyyy-MM-dd" :picker-options="pickerOptions"></el-date-picker> 然后在data中添加data(){ return{ pick原创 2020-12-03 16:35:48 · 4569 阅读 · 0 评论 -
给el-table表头添加icon图标,以及鼠标移入icon时显示el-tooltip提示内容
html: <el-table-column width="160px" label="服务费收入(流量主)" prop="serviceFree1" :render-header="renderHeader" ></el-table-column> <el-table-c...原创 2020-02-13 10:33:20 · 8589 阅读 · 6 评论 -
el-tooltip多行文字提示并修改提示框默认的黑色背景
完整代码:<div class="query-title-icon"> <p class="query-title">搜索指数榜</p> <el-tooltip tabindex="-1" popper-class="tooltip" placement="right"> <i class="iconfont icon-wenhao"></i> <div slot="content" c.原创 2020-07-21 18:41:08 · 1668 阅读 · 0 评论 -
el-upload上传图片
<template> <el-container> <div :class="{'hideAddBtn':fileList.length}"> <el-upload :action="uploadImage" :headers="{ token:jdb_token }" :limit="1" :file-list="fileList" :on-exceed="ha原创 2020-06-18 14:31:59 · 2498 阅读 · 0 评论 -
$message消息通知被el-dialog对话框的遮挡的问题
解决:在对话框el-dialog标签中添加z-index=“1000” (如果是两千多可能会导致第一次会被遮挡住,第一次后不会被遮挡的问题)<el-dialog title="服务费" :visible.sync="modalStatus" width="40%" z-index="1000" center :close-on-click-modal="false" @close="closeModalFn">...原创 2020-06-08 17:56:50 · 2260 阅读 · 4 评论 -
el-table按钮点击操作列事件阻止触发表格的行点击事件@row-click
问题:给el-table绑定行点击事件row-click,点击行时,触发表格的行点击事件,可是表格中有操作列,列中有其他点击事件,比如编辑和删除,此时点击编辑事件,也会触发表格的行点击事件了解决办法: 在操作列的 @click 事件时添加 .stop <el-table-column label="操作" > <template slot-scope="scope"> <el-button type="text" @click.stop="handl原创 2020-05-15 17:16:56 · 8698 阅读 · 3 评论 -
element-ui的el-dialog对话框被遮罩层挡住了
element-ui的el-dialog对话框被遮罩层挡住了解决:在el-dialog标签里添加 **:modal-append-to-body=‘false’**就可以了文档:https://element.eleme.cn/#/zh-CN/component/dialog...原创 2020-04-22 14:47:09 · 1752 阅读 · 2 评论