木灵鱼儿

木灵鱼儿

阅读：1522

最后更新：2020/11/12/ 11:28:14

阻止属性默认挂载到组件根元素

vue的组件有一个特性，当我们给组件设置attr属性，而这个属性在组件中并没有props设置的，那么他就会默认挂载到组件的根元素上。

例子：

<template>
  <div>我是一个ddd组件</div>
</template>
<template>
  <ddd class="ddd" />
</template>
<script>
import ddd from "./ddd";
export default {
  components:{
    ddd
  }
}
</script>

我们给组件的标签添加了一个class属性，这个属性在props里面没有配置，并且是一个原生的html属性。

渲染

<div class="ddd">我是一个ddd组件</div>

你可以看到，class原封不动的赋值给了组件的根元素上。

如果我们不需要这个特性，我们可以关闭这个效果

<template>
  <div>我是一个ddd组件</div>
</template>
<script>
export default {
  inheritAttrs: false,  //默认为true
}
</script>

这样就能关闭这个自动赋值到根元素的效果。

文章分类 vue 开发实战
文章标签 属性vue根元素挂载inheritAttrs
木灵鱼儿

木灵鱼儿

发布了 718 篇文章获得点赞 0获得阅读 1522

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

one
two
three

关于作者

站点职位 博主
获得点赞 0
文章被阅读 1522

相关文章

利用原生css实现hash哈希定位跳转偏移量处理利用原生css实现hash哈希定位跳转偏移量处理
ts实战：给没有类型声明的第三方库编写一个类型声明文件ts实战：给没有类型声明的第三方库编写一个类型声明文件
利用发布订阅模式封装一个IntersectionObserver利用发布订阅模式封装一个IntersectionObserver
typecho 自定义分类和分类高亮处理typecho 自定义分类和分类高亮处理
ts封装一个localStorage和sessionStorage的类ts封装一个localStorage和sessionStorage的类

目录树