antd 全局修改默认属性方法

直接在main.js里面修改就行
例如modal遮罩层默认关闭

import 'regenerator-runtime/runtime'
import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import '@/utils/permission/permission'
import './assets/styles/style.less' // global style
import './assets/styles/scroll.less' // global style
import './assets/styles/normalize.css' // normalize style
import './assets/fonts/font.css' //font
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import './assets/styles/merchant.less'
import * as echarts from 'echarts'
import { Modal } from 'ant-design-vue' //引入modal对话框组件
Vue.prototype.$echarts = echarts

Vue.use(Antd)

Vue.config.productionTip = false
Vue.prototype.$eventBus = new Vue()
Modal.props.maskClosable.default = false  //把maskCloseable关闭
new Vue({
  router,
  store,
  render: h => h(App),
}).$mount('#app')

为了更便于阅读,也可以新建一个config.js ,然后在main.js里引入

/**
 * title: Antd全局组件配置
 * desc: 根据Antd组件属性全局修改其默认值
 * author: nanshen
 * date: 2022-08-15
 */

// 1. 引入需要修改属性默认值的组件
import { TreeSelect } from "ant-design-vue";

// 2. 设置组件属性默认值
TreeSelect.props.treeIcon.default = true;

// 3. 注意, 如果组件没有默认值则需要按如下方式设置:
TreeSelect.props.treeIcon = {type: Boolean, default: true};

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值