vue 直接修改props

vue中使用element 通常需要全局配置，我们可以在main.js 中设置

import Vue from 'vue'; // 引入vue
import ElementUI from 'element-ui';
//先打印一下ElementUI,点进去看看各个组件的默认的props
console.log(ElementUI);

//这里通过修改dialog的props里的默认值,弹出框设置点击蒙版不关闭
ElementUI.Dialog.props.closeOnClickModal.default = false;

//有些props 属性设置default不生效,需要这样:
ElementUI.Table.props.stripe =  {
    type: Boolean,
    default: true
} //表格的斑马线条纹

//还有比如default是个方法
ElementUI.Table.props.cellStyle = { //表格头部样式
    default: () => ({
        'color': '#333'
    }),
};

我们在自己开发的组件中也可以直接修改props

//child
<el-button type="primary"  v-if="show">
          button
        </el-button>
  props: {
    show: {
      type: Boolean
    }
  }
//parent 
<child><child>
  created () {
    child.props.show.default = true
  },