Vue使用$refs父传子

陬者

关注

阅读 35

2022-03-30

父组件 :

<template>
	<view>
		<children ref="children"></children>
	</view>
</template>

<script>
import children from './children'
data(){
    return{
        List:[1,2,3]
    }
}
methods:{
    diffuseValues(){
        this.$refs.children.getValues(this.List)
    }
}
</script>

子组件 :

<template>
	<view>
		{{item}}
	</view>
</template>

<script>
data(){
    return{
        item: []
    }
}
mounted() {
	this.getValues();
},
methods:{
    getValues(values){
        this.item = values
    }
}
</script>

精彩评论(0)

0 0 举报