一只大白鹅蛋 2021-10-14 10:05 采纳率: 80%
浏览 116
已结题

每次点击按钮,打开初始弹窗,关闭弹窗后会清除弹窗已输入数据

点击打开弹窗按钮,才会从后端加载数据渲染弹窗组件,弹窗组件上点击确定或者取消按钮会关闭弹窗并清除数据,即每次打开页面都只能看到后端数据传过来的空白模板。下面的代码要怎么改?如果一个vue文件实现不了,两个是否可行,能否给出大概的代码?
尝试过放到mounted里只能拿一次数据,无法得到预想的效果。


```html
<template>
  <div>
    <el-button type="text" @click="tccDV1 = true" @opened="resetMb">弹窗</el-button>

    <el-dialog  v-if="tccDV1" title="提示" :visible.sync="tccDV1" width="30%" center>
      <span>{{tanchu1}}</span>
      <input v-model="tanchu1">
      <span slot="footer" class="dialog-footer">
        <el-button @click="tccDV1 = false">取 消</el-button>
        <el-button type="primary" @click="tccDV1 = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        tccDV1: false,
        tanchu1: ''
      };
    },
    methods: {
      resetMb() {
        console.log("开始为弹出组件加载数据");
        let tc1 = require("../../../static/json/testtc1");
        this.tanchu1 = tc1.testtc;
        console.log("弹出组件1");
        console.log(this.tanchu1);
      }
    }
  }
</script>


```

  • 写回答

4条回答 默认 最新

  • 崽崽的谷雨 2021-10-14 10:16
    关注

    el-dialog 不是有 destroy-on-close这个属性 你加上
    https://element.eleme.cn/#/zh-CN/component/dialog#events

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 10月22日
  • 已采纳回答 10月14日
  • 创建了问题 10月14日

悬赏问题

  • ¥15 在虚拟机中安装flash code
  • ¥15 单片机stm32f10x编写光敏电阻调节3.3伏大功率灯亮度(光强越大灯越暗,白天正常光强灯不亮,使用ADC,PWM等模块)望各位找一下错误或者提供一个可实现功能的代码
  • ¥20 verilog状态机方法流水灯
  • ¥15 pandas代码实现不了意图
  • ¥15 GD32H7 从存储器到外设SPI传输数据无法重复启用DMA
  • ¥25 LT码在高斯信道下的误码率仿真
  • ¥45 渲染完成之后将物体的材质贴图改变,自动化进行这个操作
  • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
  • ¥15 电视版的优酷可以设置电影连续播放吗?
  • ¥50 复现论文;matlab代码编写