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>
上一篇 下一篇

猜你喜欢

热点阅读