// 父组件中引入的子组件、在父组件的子组件标签上添加属性配置、会渲染到子组件的最外层 div上、
// 防止这种情况发生、在子组件中设置 export default { inheritAttrs: false } 就能禁止渲染到子组件外出 div上
// 子组件要被父组件渲染的标签上用 v-bind="$attrs" 就能将父组件的配置都渲染在这个标签上
// 父组件:示例
<div>
<myInput type="password" />
</div>
// 子组件会被渲染成下面这样:示例
<div type="password">
<input />
</div>
// 父组件
<div>
<myInput type="password" />
</div>
// 子组件
<div>
<input v-bind="$attrs" />
</div>
export default {
inheritAttrs: false
}
相关文章
- 10-09Vue_生命周期_定时任务和延迟任务_swiper_自定义组件的封装_自定义指令_过滤器_单文件组件_vue-cli介绍
- 10-09VUE3--封装条形码和二维码组件(基于vite)
- 10-09【小程序】多选和单选组件的封装
- 10-09v-model和sync语法糖在封装弹层组件时的使用
- 10-0924-Vue中的$attrs和inheritAttrs
- 10-09$attrs和inheritAttrs灵活封装组件
- 10-09element ui table封装组件,支持自定义列和事件操作
- 10-09微信小程序-组件封装类似picker,模态框弹出全屏和半屏,多选,单选,日期选择器
- 10-09YbSoftwareFactory 代码生成插件【十六】:Web 下灵活、强大的审批流程实现(含流程控制组件、流程设计器和表单设计器)
- 10-09使用Vue2+webpack+Es6快速开发一个移动端项目,封装属于自己的jsonpAPI和手势响应式组件