全局修改element默认配置


在main.js中全局修改element默认配置

main.js

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 全局修改element默认配置
// el-form 表单
// clearable 可清除 默认显示小叉号
ElementUI.Input.props.clearable = {
    
    type: Boolean, default: true}
ElementUI.Select.props.clearable = {
    
    type: Boolean, default: true}
ElementUI.Cascader.props.clearable = {
    
    type: Boolean, default: true}
// placeholder 默认空
ElementUI.Select.props.placeholder = {
    
    type: String, default: ''}
ElementUI.Cascader.props.placeholder = {
    
    type: String, default: ''}
// el-table 表格
// min-width 默认最小列宽 120px
ElementUI.TableColumn.props.minWidth = {
    
    type: String, default: '120'}
// show-overflow-tooltip 默认 true
ElementUI.TableColumn.props.showOverflowTooltip = {
    
    type: Boolean, default: true}
// 解决弹窗导致的页面抖动问题
ElementUI.Dialog.props.lockScroll.default = false;
Vue.use(ElementUI)

猜你喜欢

转载自blog.csdn.net/weixin_45665171/article/details/130523948