M010411 2021-12-30 15:59 采纳率: 100%
浏览 112
已结题

vue中使用同一弹出层时，如何动态改变title的值，求看下

应用场景
当两个按钮使用同一个弹出层组件时，它的title显示的是不同的
我是把弹出层封装成一个公用组件，然后另一个页面调用弹出层组件
title值改变是实现了
现在最大问题就是上传按钮title值只会执行一次，当点击完编辑的时候，再次去点击上传按钮title值就一直是编辑数据了

img


img


这是弹出层组件代码

img


img


这是页面代码

img


上传按钮

img


编辑按钮

img

  • 写回答

4条回答 默认 最新

  • 你好！机器人 2021-12-30 16:14
    关注

    上传的时候this.formData清空一下

    this.formData = {}
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
  • 前端阿彬 前端领域新星创作者 2021-12-30 16:14
    关注

    你怎么能用onmounted来改变呢，因为弹窗显示这个生命周期只执行一次。
    应该是这个title由父组件传入，然后弹窗组件props接收这个参数，这样就可以自由修改了
    只要修改父组件传入的值就行了

    如有帮助，麻烦点个【采纳此答案】 谢谢啦~

    评论 编辑记录
  • 浪在前端 2021-12-30 16:15
    关注

    直接

    :title= “form.id ? '编辑数据' : '上传数据'”
    评论
  • qq_38891442 2021-12-30 16:24
    关注

    当触发过一次编辑功能后， 变量 formData 一直有值； 再次触发上传数据， 你没有清空formData， 它有值的情况下， 弹层的showText就会一直是 编辑数据

    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 1月9日
  • 已采纳回答 1月1日
  • 创建了问题 12月30日

悬赏问题

  • ¥15 关于#c++#的问题：在A和B类中应该怎么定义复制构造函数来避开unordered_set复制构造的问题（相关搜索：头文件）
  • ¥15 MICE包多重插补后数据集汇总导出
  • ¥15 一道算法分析问题(关于3-MSAT)
  • ¥15 C++ FLUENT 化学反应速率 编写困难
  • ¥15 Python嵌套交叉验证
  • ¥15 linuxkit+elasticsearch
  • ¥15 兄得萌6.13do题😭😭大一小东西的work
  • ¥15 投不到原始数据，gdal投影代码
  • ¥20 卷积混响的代码帮写。。
  • ¥88 借助代码处理雷达影像，识别任意区域洪水前后的被淹没区域，并可视化展示。