从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:{}
      }
    }