vue中使用inheritAttrs实现组件的扩展性，看下DEMO。
<template>
<div>
<input v-bind="$attrs" />
</div>
</template>
<script>
import { defineComponent } from 'vue'
export default defineComponent({
inheritAttrs:false,//不希望根直接继承特性，而是使用$attrs自定义继承，当前组件的根就是inputCom-wrap
setup () {
return {}
}
})
</script>
<style scoped>
</style>2、使用组件的时候，随便增加一些属性，如：
<inputCom type="text" class="input-a"></inputCom> <inputCom type="password" class="input-b"></inputCom>
大家试试看下最后的渲染结果吧。
网友评论文明上网理性发言 已有0人参与
发表评论: