Javascript 从父方法访问组件方法

Javascript 从父方法访问组件方法,javascript,vue.js,Javascript,Vue.js,我试图找出如何在我的组件元素上触发单击事件, 道具:[‘照片’], 方法:{ openUploader:function(){ 这是.refs.photoUploader.click(); } } }); var photoGallery=新Vue({ el:“#照片画廊”, 数据:{ 照片:[ { “id”:1, "照片":"https://vuejs.org/images/logo.png' } ] }, 方法:{ addPhoto:function(){ var newPhoto=[ {

我试图找出如何在我的组件元素
上触发单击事件,
道具:[‘照片’],
方法:{
openUploader:function(){
这是.refs.photoUploader.click();
}
}
});
var photoGallery=新Vue({
el:“#照片画廊”,
数据:{
照片:[
{ 
“id”:1,
"照片":"https://vuejs.org/images/logo.png'
}
]
},
方法:{
addPhoto:function(){
var newPhoto=[
{
“id”:2,
“照片”:”
}
];
此.photos.push(newPhoto);
//我想在这里打开新空白照片的上传文件
}
}
});
[type=“file”]{
显示:无;
}

添加照片

要调用组件上的方法,需要为组件提供一个引用。因此,在
标记中,放置
ref=“gallery”
。然后,在根vue中,您可以执行以下操作:$refs.gallery.openUploader()

要调用组件上的方法,需要为组件提供一个ref。因此,在
标记中,放置
ref=“gallery”
。然后,在根vue中,您可以执行以下操作:$refs.gallery.openUploader()

在这里查看答案:我认为与react一样,我们可以从子级导出组件,然后将其导入父级。所以,如果有可能特定的
方法:{}
可以从方法对象“导出”吗?此外,如果我错了,您可以使用状态管理的帮助,这将是一个更好的方法。请检查这里的答案:我认为与react一样,我们可以从子级导出组件,然后将其导入父级。所以,如果有可能特定的
方法:{}
可以从方法对象“导出”吗?此外,如果我错了,你可以利用国家管理的帮助,这将是更好的方式