[Vue warn]: Extraneous non-props attributes (class)

// 最外层多个标签,无法在使用子组件标签上定义 class

// 会报错:[Vue warn]: Extraneous non-props attributes (class)

// were passed to component but could not be automatically inherited

// because component renders fragment or text root nodes.

// at <Demo3 class="green" > at <App>

// 下面把这个问题解决了:绑定父标签的属性值

app.component('demo3', {

template: `

<div :class="$attrs.class">zibo31</div>

<div :class="$attrs.class">zibo32</div>

`

});

相关推荐
excel27 分钟前
HBuilderX 配置 adb.exe + 模拟器端口一体化完整指南
前端
拖拉斯旋风42 分钟前
与 AI 协作的新范式:以文档为中心的开发实践
前端
dualven_in_csdn43 分钟前
【electron】解决CS里的全屏问题
前端·javascript·electron
库克表示1 小时前
MessageChannel-通信机制
前端
不爱吃糖的程序媛1 小时前
Electron 文件选择功能实战指南适配鸿蒙
javascript·electron·harmonyos
拖拉斯旋风1 小时前
深入理解 Ajax:从原理到实战,附大厂高频面试题
前端·ajax
用户4099322502121 小时前
Vue 3响应式系统的底层机制:Proxy如何实现依赖追踪与自动更新?
前端·ai编程·trae
www_stdio1 小时前
使用 Ajax 实现异步数据请求:从原理到实践
javascript·ajax·html
却尘1 小时前
一个"New Chat"按钮,为什么要重构整个架构?
前端·javascript·next.js
ERIC_s1 小时前
记一次 Next.js + K8s + CDN 缓存导致 RSC 泄漏的排查与修复
前端·react.js·程序员