vue二次封装组件,继承原组件的所有属性及事件
2020-03-25 本文已影响0人
初心不改_0055
基本用法:
<template>
<div
v-bind="$attrs"
v-on="$listeners"
>
<template v-for="(index, name) in $slots" v-slot:[name]>
<slot :name="name"/>
</template>
</div>
</template>
需要添加别的属性:
<template>
<div
v-bind="$attrs"
v-on="$listeners"
:style="{ color: color }"
>
<slot></slot>
</div>
</template>
<script>
export default{
name: "test",
props: {
color: String
},
}
</script>