1
我是VueJS中的新人。 我有一個小問題,我無法弄清楚。希望有人能給我一個提示。在Vuejs 2.0中使用「this」
我正在創建一個語音搜索按鈕,基本上當我單擊語音按鈕時,它會記錄我的語音並將其輸出到輸入屬性中。
<input type="text" name="inputSearch" id="inputSearch"
v-model="inputSearch" class="form-control" x-webkit-speech>
這是我在VueJS
<script>
export default {
data() {
return {
inputSearch: '',
show: false
}
},
methods: {
voiceSearch: function(event){
this.inputSearch = '';
this.show = false;
if (window.hasOwnProperty('webkitSpeechRecognition')) {
var recognition = new webkitSpeechRecognition();
recognition.continuous = false;
recognition.interimResults = false;
recognition.lang = "en-US";
recognition.start();
recognition.onresult = function(e) {
this.inputSearch = e.results[0][0].transcript;
recognition.stop();
};
recognition.onerror = function(e) {
alert('There are something wrong...');
recognition.stop();
};
}else {
alert('Your browser does not support HTML5/WebKitSpeech. You are not able to use this functionality');
}
}
}
}
</script>
腳本我能夠得到的聲音recoginization的文本,但在輸入形式不能表現出來。
感謝,
完美地工作!謝謝 – trinhdh