在vue项目开发中，我们遇到重复的代码，就可以封装成组件，这就设计到组件之间的获取值和赋值问题，我们可以通过以下方式传递值给父组件页面。
1、子组件赋值：使用this.$emit()
this.$emit('tran','Hello Word')2、父组件页面绑定方法获取值
<UploadPhotos ref="showUpload" @tran="getUser"></UploadPhotos>
3、父组件获取到值之后赋值
<script>
export default {
data () {
return {
addForm: {
ad_img: '',
},
}
},
components:{
UploadPhotos
},
methods: {
getUser(e){
this.addForm.ad_img = e
}
}
}
</script>
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/746.html
简忆博客
勤于学习，乐于分享
Copyright© 2017-2024 简忆博客版权所有
粤ICP备16092285号
关于简忆
简忆诞生的故事
文章评论（0）