动态改标题

html 复制代码
 <el-dialog :title="showTitle" :visible="showDialog" @close="close"> </el-dialog>

使用计算属性

javascript 复制代码
 computed: {
    showTitle() {
    //这里根据点击的是否有具体点击的那个id来判断
      return this.form.id ? "编辑部门" : "新增部门";
    },
  },
相关推荐
前端一课12 小时前
第 26 题:Vue2 和 Vue3 的响应式原理有什么区别?为什么 Vue3 要用 Proxy 替代 defineProperty?
前端·面试
前端一课12 小时前
第 30 题:模块化原理(CommonJS vs ESModule)
前端·面试
前端一课12 小时前
第 31 题:Tree Shaking 原理与常见失效原因(高频 + 难点 + 面试必考)
前端·面试
前端一课12 小时前
第 27 题:Promise 实现原理(含手写 Promise)
前端·面试
前端一课12 小时前
第 32 题:深入理解事件循环(Event Loop)、微任务、宏任务(详细 + 难点 + 易错点)
前端·面试
前端一课12 小时前
【前端每天一题】🔥 第 25 题:什么是 Virtual DOM?它的优缺点是什么?Diff 算法是如何工作的?
前端·面试
前端一课12 小时前
【前端每天一题】第 23 题:闭包(Closure)与作用域链(详细 + 面试模板 + 速记卡)
前端·面试
前端一课12 小时前
【前端每天一题】🔥第 22 题:HTTP vs HTTPS、TCP vs UDP 的区别
前端·面试
前端一课12 小时前
第 26 题:浏览器与 Node.js 的事件循环有什么区别?
前端·面试
前端一课12 小时前
【前端每天一题】🔥 第 24 题:Virtual DOM 中 diff 算法的核心流程(详细版
前端·面试