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

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

点击打开弹窗按钮,才会从后端加载数据渲染弹窗组件,弹窗组件上点击确定或者取消按钮会关闭弹窗并清除数据,即每次打开页面都只能看到后端数据传过来的空白模板。下面的代码要怎么改?如果一个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 求一个stm32串口控制程序
  • ¥20 Windows 驱动开发版本疑问相关
  • ¥15 MAC 未能打开磁盘映像
  • ¥15 fastcap使用,二维导体输入问题
  • ¥15 hosts修改后不能访问
  • ¥15 关于化学反应速率C++编译问题/FLUENT
  • ¥20 Yolov5训练报错
  • ¥15 Unity发布gzip压缩的webgl之后让浏览器可以正常显示画面
  • ¥15 ASP.net Gridview插件数据更新失败问题
  • ¥15 有没有人知道这种提示怎么关?现在不做ts项目了不知道咋关了,求解,现在我以前的js项目都是这种提示了