vue3 把antd 的Modal组件作为子组件时，本地运行是没问题的，打包后 cancel关闭事件触发无效

最新推荐文章于 2024-12-25 11:23:57 发布

原创

最新推荐文章于 2024-12-25 11:23:57 发布 · 3.3k 阅读

标签

#vue3 #antd #modal #visible #cancel

收录于

1、需求，点击一个按钮，弹窗出现，把弹窗当作子组件

// 父组件
<template>
<div class="map-pop">
  <header>
    <span>{
  
  {siteInfo.name||'--'}}</span>
    <CloseOutlined class="close" @click="close"/>
  </header>
  <body>
    <ul class="info">
      <li>
        <span>测站编码：</span>
        <em>{
  
  {siteInfo.code||'--'}}</em>
      </li>
      <li>
        <span>测站类型：</span>
        <em>{
  
  {siteInfo.typeName||'--'}}</em>
      </li>
      <li>
        <span>行政区域：</span>
        <em>{
  
  {siteInfo.region||'--'}}</em>
      </li>
      <li>
        <span>上报时间：</span>
        <em>{
  
  {siteInfo.reportTime||'--'}}</em>
      </li>
      <li v-for="(i,index) in siteInfo.dataList" :key="index">
        <span>{
  
  {i.dataItem}}：</span>
        <em>{
  
  {i.dataVal}}</em>
      </li>
    </ul>
    <div class="carth">
      <div>
        <a-tooltip title="故障率">
          <a-progress
          strokeColor="#1890FC"
          trailColor="#B3C5F7"
          :format="percent=>h('div',{class:'prog-tips',style:'color:#1890FC'}