码迷,mamicode.com
首页 > 其他好文 > 详细

vue多层传递$attrs

时间:2019-05-01 01:44:10      阅读:576      评论:0      收藏:0      [点我收藏+]

标签:vue   组件   问题   attrs   div   containe   使用   osi   temp   

今天在使用$attrs的时候遇到一个问题:

父组件:

<PanelContainer name="正向舆情">
      <PositiveOpinion opinion="positive" />
</PanelContainer>

我在子组件中没有用props保存这个值,按理说应该会把值传给孙子层,但在孙子层通过this.$attrs.opinion并没有获取到值,

后来发现要在子组件上写:v-bind="$attrs"

<template>
  <Opinion :color="$attrs.color" v-bind="$attrs"></Opinion>
</template>

 

这样在孙子组件就可以通过this.$attrs.opinion获取到值啦~撒花??

 

vue多层传递$attrs

标签:vue   组件   问题   attrs   div   containe   使用   osi   temp   

原文地址:https://www.cnblogs.com/kaiqinzhang/p/10798632.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!