Solution:
in your vue components define watcher and emit event on webcam value change :
watch: {
webcam: function (val) {
this.$emit('webcamchange',val)
}
}
then handle event on your main page:
<input name="avatar" type="hidden" :value="webcam.img" />
<webcam-avatar @webcamchange="webcam"></webcam-avatar>
don’t forgot to define webcam on data section in your main page :
data:function () {
return {
webcam:{}
}
}