美文网首页
$attrs和$listeners

$attrs和$listeners

作者: 冰点雨 | 来源:发表于2022-06-15 10:47 被阅读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>
    

    相关文章

      网友评论

          本文标题:$attrs和$listeners

          本文链接:https://www.haomeiwen.com/subject/yrjmmrtx.html