当前位置: 首页 > news >正文

开发避坑短篇(9):解决升级Vue3后slot attributes废弃警告

报错信息

`slot` attributes are deprecated 

异常分析

在Vue3中,使用slot和slot-scope属性来指定插槽内容已经被废弃。在Vue2中,这是定义插槽的主要方式。Vue3推荐使用标签和v-slot指令来代替这两个属性。

解决办法

Vue2中的写法

<span slot="footer" class="dialog-footer"><el-button type="primary" @click="submit" :loading="loading">提交</el-button><el-button type="primary" @click="save">保存</el-button><el-button @click="closeApply">取消</el-button>
</span>

Vue3中的写法

<template v-slot:footer><div class="dialog-footer"><el-button type="primary" @click="submit" :loading="loading">提交</el-button><el-button type="primary" @click="save">保存</el-button><el-button @click="closeApply">取消</el-button></div>
</template>
http://www.xdnf.cn/news/1216045.html

相关文章:

  • Python Day19 时间模块 和 json模块 及例题分析
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现裂缝的检测识别(C#代码UI界面版)
  • RNN、LSTM、Transformer推荐博文
  • USRP捕获手机/路由器数据传输信号波形(上)
  • HTML应用指南:利用POST请求获取全国公牛门店位置信息
  • Unity UI的未来之路:从UGUI到UI Toolkit的架构演进与特性剖析(5)
  • Python 使用pandas库实现Excel字典码表对照自动化处理
  • macOS安装配置Unbound DNS完整指南
  • 学习日志22 python
  • docker 安装elasticsearch
  • QT笔记--》QMenu
  • CSS 工作原理
  • Java 笔记 封装(Encapsulation)
  • [硬件电路-106]:模拟电路 - 电路为什么会出现不同的频率特性?元件频率依赖性、信号传输路径、电路拓扑结构、外部因素
  • 微信小程序中实现页面跳转的方法
  • MySQL的单行函数:
  • C++ 中 NULL 与 nullptr 有什么区别?
  • rsync+sersync实现文件实时同步
  • Spark的宽窄依赖
  • 第七章:进入Redis的SET核心
  • 重生之我在暑假学习微服务第五天《Docker部署项目篇》
  • 【人工智能99问】混合专家模型(MoE)是如何训练的?(18/99)
  • pytorch小记(三十三):PyTorch 使用 TensorBoard 可视化训练过程(含完整示例)
  • LLM—— 基于 MCP 协议(SSE 模式)的工具调用实践
  • 30道JS高频经典笔试题集合+详解(一)
  • 华为昇腾×绿算全闪存缓存释放澎湃潜能
  • 【LeetCode】链表反转实现与测试
  • 比特币挖矿的能源消耗和环保问题
  • 关于“LoggerFactory is not a Logback LoggerContext but Logback is on ......“的解决方案
  • C++代码题部分(1)