elementUI相关

2021-10-07  本文已影响0人  hszz

<el-date-picker>日期选择器 保存后时间显示提前一天问题

需要添加属性 value-format="yyyy-MM-dd HH:mm:ss"
https://blog.csdn.net/finally_flx/article/details/109599094

修改elementUI组件样式

可以通过/deep/ 操作符( >>> 的别名)
可以不用去除scoped,穿透scoped。

例如
<style scoped>
外层 >>> 第三方组件 {
    样式
}
/deep/  第三方组件 {
    样式
}
</style>

Table-column(table表格)

fixed="right" 列固定在右边侧
label-width="100px" 标签的宽度
:header-cell-style="{'background':'#f5f8ff'}" 设置表头颜色
min-width 最小宽度

v-loading="loading"

在表格等容器中加载数据时显示。

el-checkbox

正方选择框

el-button按钮

size="medium" type="primary" 大小和类型

DatePicker 日期选择器

el-image图片

<el-image style="width: 96px; height: 34px;"></el-image>

el-select选择框

<el-select class="ls-select-id" v-model="form.region" placeholder="会员编号">
    <el-option label="区域一" value="shanghai"></el-option>
    <el-option label="区域二" value="beijing"></el-option>
</el-select>

dialog对话框

:modal-append-to-body="false"
遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上

el-input输入框

type="textarea" // 可拉伸文本域
:rows="2" // 控制文本域高度
:autosize="{ minRows: 2, maxRows: 4}" // 可自适应文本高度(最少显示两行,最多显示4行)

maxlength="64" // 最大输入长度64
 <el-input v-model.number="tax.salary"></el-input>

el-page-header 页面头部

<el-page-header @back="$router.go(-1)" content="详情页面">
</el-page-header>
可以通过$router.go(-1)返回上一页

Message 消息提示框

用在操作完成后的 成功/失败被动提示

MessageBox.confirm 询问框

用在操作前的 是否执行这些 的询问框

el-scrollbar 滚动条

https://www.cnblogs.com/myfirstboke/p/10218138.html
https://blog.csdn.net/weixin_43216105/article/details/89520534

el-form 表单组件

<el-form-item label="注册方式" required>
上一篇下一篇

猜你喜欢

热点阅读