vue组件

<el-button icon="el-icon-s-tools" size="mini"  @click="periodConfig">分类新建</el-button>

import AppPeriodConfig from "../AppPeriodConfig/update";
export default {
  name: 'AppFlow',
  components: { AppPeriodConfig},

return {

periodConfigOpen: false,

}

methods: {
  periodConfig(){
    this.periodConfigOpen = true;
  },
  close() {
    this.periodConfigOpen = false;
  },

}

<!--分类新建-->
<el-dialog
  :before-close="close"
  :visible.sync="periodConfigOpen"
  title="分类新建"
  width="1000px">
  <app-period-config   :userId="uid"  ref="AppPeriodConfig" v-show="periodConfigOpen"/>
</el-dialog>

export default {
props: {
  userId: {
    type: Number,
    default: null
  },
 
},