$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>
网友评论