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

`

});

相关推荐
阿珊和她的猫8 分钟前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
yinuo16 分钟前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端
snow@li1 小时前
html5:拖放 / demo / 拖放事件(Drag Events)/ DataTransfer 对象方法
前端·html·拖放
爱看书的小沐1 小时前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
qq_398586541 小时前
Threejs入门学习笔记
javascript·笔记·学习
浪裡遊2 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
課代表2 小时前
JavaScript 二维数组的三种定义与初始化方法
javascript·初始化·二维数组·多维数组·动态数组·循环遍历·数组合并
鸡吃丸子3 小时前
Next.js 入门指南
开发语言·javascript·next.js
罚时大师月色3 小时前
Vue+ts 如何实现父组件和子组件通信
javascript·vue.js·ecmascript
漂流瓶jz3 小时前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化