在WebRTC回调中属性更改时，不会触发Vue.js更新

Question

我正在尝试创建一个小的Vue.js组件，该组件从用户获取摄像头和麦克风的权限，并在画布上显示该流。很简单，对吧？

但实际上，我无法让Vue.js更新var inputDate = 'Sun-Mar-5-2017', outDate; // replace '-' with space ' ' to have proper date string inputDate = inputDate.replace(/-/g, ' '); outDate = moment(inputDate).format('MMDDYYYY'); //"03052017" 标记的src属性，因此我添加了一条简单的video消息来测试Vue是否正在接收更改。他们不是。如何确保Vue在status回调中获取属性更改？

请在此处查看小提琴：https://jsfiddle.net/49r0c4cf/

这是代码：

getUserMedia

Answer 1

根据this documentation，getUserMedia会返回Promise，因此您应该像使用它一样...

navigator.mediaDevices.getUserMedia({
  video: true,
  autio: true
}).then(stream => {
  this.status = 'DONE'
}, err => {
  console.error(err)
})

https://jsfiddle.net/49r0c4cf/1/