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

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

这是弹出层组件代码

这是页面代码

上传按钮

编辑按钮

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

this.formData = {}

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

---

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

直接

:title= “form.id ? '编辑数据' : '上传数据'”

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