element-plus全局设置组件默认属性

javascript
  目录
  1. 1. 方法一
  2. 2. 方法二
  3. 3. 总结

element-plus全局设置组件默认属性

以Dialog组件的close-on-click-modal属性为例，默认是true，通过点击modal可以关闭Dialog。
现在全局把它设置成false

方法一

1
2
3
4
import ElementPlus, { ElDialog } from "element-plus";
ElDialog.props.closeOnclickModal.default = false;
const app = Vue.createApp(App);
app.use(ElementPlus);

ElDialog.props.closeOnclickModal.default = false;这句来修改默认属性

方法二

1
2
3
4
import ElementPlus from "element-plus";
const app = Vue.createApp(App);
app.use(ElementPlus);
app._context.components.ElDialog['props'].closeOnClickModal.default = false;

app._context.components.ElDialog['props'].closeOnClickModal.default = false;这句来修改默认属性

总结

以上举例了ElDialog组件，其他组件也可以这样设置。

  vue