$attrs和$listeners

2022-06-15  本文已影响0人  冰点雨

$attrs

属于组件的一个属性,可以获取到父组件传递过来的props数据
对于子组件而言,父组件给的数据可以利用props接收。但是,如果子组件通过props接收的属性,在$attrs属性当中是获取不到的

$listeners

属于组件的一个属性,可以获取到父组件给子组件传递的自定义事件

自定义按钮HitButton

<template>
//可以巧妙地利用a标签实现按钮带有提示的功能
   <a :title="title">
  //v-bind不能简写为:  v-on不能简写为@
    <el-button v-bind="$attrs" v-on="$listeners"></el-button>
   </a>
</template>

<script>
 name:"",
props:["title"],
mounted(){
}
</script>

父组件

<template>
 <HitButton type="success" icon="el-icon-delete" size="mini" title="提示文案" @click=“handle”></HitButton>
</template>

<script>
 name:"",
components:{
   HitButton
},
methods:{
   handle(){
     alter(6666)
   }
}
</script>
上一篇 下一篇

猜你喜欢

热点阅读