不改变变量的方法

我正在创建一个将访问用户摄像头的应用程序。如果navigator.getUserMedia失败，我希望将错误变量更改为错误消息。这应该输出错误消息，而是输出流。我很新的Vue所以原谅我，如果我失去了一些东西很明显我的代码是如果你使用Vue的2.0，ready已被替换mounted如下不改变变量的方法

<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>

来源

2016-11-17 shayan javadi

你可能想检查这个值，当你设置错误，它可能不是你认为它是。它可能是在不同的范围上创建一个新的变量错误？ – Heinrich

我试着给该方法添加一个警告，而且好像根本没有被调用。我现在很困惑 –

。请检查文档here。

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

来源

2016-11-17 02:33:04 Saurabh

不改变变量的方法

回答

相关问题