vue自己封装的弹窗组件点击“详情“按钮的时候传参到弹窗组件重复点击同一个位置的详情按钮只显示一次弹窗

最新推荐文章于 2024-05-31 11:41:47 发布

木毅01

最新推荐文章于 2024-05-31 11:41:47 发布

阅读量343

点赞数 3

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_27806371/article/details/138810265

版权

vue 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

父级：
    //详情
    openObserveHandle(id){
      //点击的时候传参到弹窗组件
      this.detailId = id
      this.$nextTick(()=>{
        //调用observeDialog里的show()方法 不调用的话重复点击同一个位置的详情按钮只显示一次弹窗
        this.$refs.observeDialog.show();
      })
    },

子级：
<el-dialog class="content-dialog" :title="titleObserve" :visible.sync="openObserve" width="800px" append-to-body @close="closeObserveDialog">
  ...
</el-dialog>

data () {    
    return {  
      openObserve: false,
    ...
}

 methods: {
    // 显示弹框
    show(){
      this.openObserve = true;        
    },
  ...
}