首頁猿問 vue...

vue 有沒有類似react的this.props.children的方法，獲取組件子元素？

JavaScript

達(dá)令說 2019-03-19 17:15:06

自己寫了個組件:<len-carousel>使用的時候： <len-carousel> <div v-for="(item,index) in 4" :key="index"> {{item}} </div> </len-carousel>怎樣在組件里面獲取到組件的子元素？

查看完整描述

2 回答

暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗獲得超9個贊

this.props.children在vue里對應(yīng)的應(yīng)該是默認(rèn)插槽吧 this.$slots.default

反對回復(fù) 2019-03-30

紫衣仙女

TA貢獻(xiàn)1839條經(jīng)驗獲得超15個贊

盡管存在 prop 和事件，有的時候你仍可能需要在 JavaScript 里直接訪問一個子組件。為了達(dá)到這個目的，你可以通過 ref 特性為這個子組件賦予一個 ID 引用。
<base-input ref="usernameInput"></base-input>
現(xiàn)在在你已經(jīng)定義了這個 ref 的組件里，你可以使用：

this.$refs.usernameInput

反對回復(fù) 2019-03-30