方法不改变变量

Question

我正在创建一个可以访问用户网络摄像头的应用。如果navigator.getUserMedia失败，我想将错误变量更改为错误消息。这应该输出错误信息，而是它输出流。我对Vue很新，所以请原谅我，如果我错过了一些非常明显的东西 我的代码如下

<template>
    <div class="">
      <h1 v-if="error === null">
        Stream
      </h1>
      <h1 v-else>
        {{ error }}
      </h1>
    </div>
</template>

<script>
export default {
  data () {
    return {
      error: null
    }
  },
  methods: {
    setUnsupported () {
      this.error = 'Your browser does not support video :('
    }
  },
  ready () {
    this.setUnsupported()


    if (navigator.getUserMedia) {

    } else {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}

a {
  color: #42b983;
}
</style>

Answer 1

如果您使用的是Vue 2.0，则ready已替换为mounted。请查看文档here。

....
mounted () {
    this.setUnsupported()
}
....