点击传参+弹出Dialog组件

<template>

<el-table-column label="操作" width="200" fixed="right" align="left">

            <template #default="scope">

              <el-tooltip class="item" effect="dark" content="编辑"   placement="top">

                <div class="icon-div">

                  <img src="../../../assets/project/new-edit.png" height="19" width="19" @click="edit(scope.row)"/>

                </div>

              </el-tooltip>

              <el-tooltip class="item" effect="dark" content="删除"  placement="top">

                <div class="icon-div">

                  <img src="../../../assets/project/delete-new.png" height="20" width="20" @click="del(scope.row)"/>   

                </div>

              </el-tooltip>

            </template>

          </el-table-column>

<document-dialogue-setting-del ref="del" />

<script>

import DocumentDialogueSettingDel from "@/views/system/components/DocumentDialogueSettingDel";

components:{DocumentDialogueSettingEdit,DocumentDialogueSettingDel, DocumentDialogueSetting},

del(row){

this.$refs['del']['dialogVisible'] = true

console.log('删除',row)

  this.$refs.del.configDetailId=row.configDetailId

},

弹窗组件

dialogVisible: false,

  configDetailId:'',

del( ){

    this.$parent.getData()

},








dialogVisible: false,

  configDetailId:'',

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容