vue 父子組件通訊升級版

有一個需求一個頁面需要有超過三個dialog彈出 每次彈出的不同  然後用了比較笨的方法寫了三個組件

子組件：廢話不多說  上代碼

#template代碼部分
<el-dialog ref="dialogTitle" 
     :title="添加供應商" 
     :visible.sync="visible" 
     :before-close="handleClose">
      <el-input :placeholder="供應商名字" style="width: 400px; margin: 10px"></el-input>
      <el-button type="primary" icon="el-icon-search">{
  { $t('commonButton.search') }}</el-button>
      <el-table>
        <el-table-column :label="供應商名字" prop='supplierName'>
           <!--supplierName-->
        </el-table-column>
   </el-table>
</el-dialog>



#script代碼部分
<script>
export default {
  name: 'addSupplier',
  props: ['