vue 有没有类似react的this.props.children的方法，获取组件子元素？

Question

自己写了个组件:

<len-carousel>

使用的时候：

   <len-carousel>

      <div v-for="(item,index) in 4" :key="index">

        {{item}}

      </div>      

   </len-carousel>

怎样在组件里面获取到组件的子元素？

Answer 1

this.props.children在vue里对应的应该是默认插槽吧 this.$slots.default

Answer 2

尽管存在 prop 和事件，有的时候你仍可能需要在 JavaScript 里直接访问一个子组件。为了达到这个目的，你可以通过 ref 特性为这个子组件赋予一个 ID 引用。<base-input ref="usernameInput"></base-input>现在在你已经定义了这个 ref 的组件里，你可以使用：this.$refs.usernameInput