[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>

`

});

相关推荐
Penge66617 分钟前
Vite vs Webpack:前端构建工具原理与实战
前端
Penge66620 分钟前
前端包管理工具:npm、Yarn、pnpm 快速入门
前端
Penge6661 小时前
Sass 了解
前端
Penge6661 小时前
Webpack 打包从 0 到 1 实战笔记
前端
Penge6661 小时前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge6661 小时前
Ant Design(Antd)了解
前端
wangruofeng2 小时前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
Penge6662 小时前
JavaScript 核心语法速通
前端
wangruofeng4 小时前
写给开发者的〈重构 UI〉实战笔记:从改好一个设置页开始,告别“程序员审美”
前端·aigc
程序员鱼皮4 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程