从 Laravel 刀片中的 Vue 组件获取价值

Question

我正在尝试从 Laravel 刀片中的组件轻松获取值，

<input name="avatar" type="hidden" :value="$refs.webcam.img" />
<webcam-avatar ref="webcam"></webcam-avatar>

我知道这是错误的，我只是没有足够的 Vue 知识，这就是我试图表明我需要从组件中返回图像的方式。

Answer 1

在您的 vue 组件中定义观察者并在网络摄像头值更改时发出事件：

  watch: {
    webcam: function (val) {
      this.$emit('webcamchange',val)
    }
  }

然后在您的主页上处理事件：

<input name="avatar" type="hidden" :value="webcam.img" />
<webcam-avatar @webcamchange="webcam"></webcam-avatar>

不要忘记在主页的数据部分定义网络摄像头：

   data:function () {
    return {
      webcam:{}
      }
    }