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

`

});

相关推荐
chxii3 分钟前
6.3Element UI 的表单
javascript·vue.js·elementui
张努力4 分钟前
从零开始的开发一个vite插件:一个程序员的"意外"之旅 🚀
前端·vue.js
远帆L4 分钟前
前端批量导入内容——word模板方案实现
前端
Codebee8 分钟前
OneCode3.0-RAD 可视化设计器 配置手册
前端·低代码
深兰科技10 分钟前
深兰科技:搬迁公告,我们搬家了
javascript·人工智能·python·科技·typescript·laravel·深兰科技
chxii23 分钟前
6.4 Element UI 中的 <el-table> 表格组件
vue.js·ui·elementui
葡萄城技术团队24 分钟前
【SpreadJS V18.2 新版本】设计器新特性:四大主题方案,助力 UI 个性化与品牌适配
前端
lumi.33 分钟前
Swiper属性全解析:快速掌握滑块视图核心配置!(2.3补充细节,详细文档在uniapp官网)
前端·javascript·css·小程序·uni-app
调皮LE35 分钟前
可放大缩小弹窗组件,基于element-ui的vue2版本
前端
陈随易38 分钟前
10年老前端,分享20+严选技术栈
前端·后端·程序员