在Vuejs 2.0中使用“ this”

我是VueJS的新手。我有一个小问题，我无法弄清楚。希望有人能给我提示。

我正在创建一个语音搜索按钮，基本上，当我单击语音按钮时，它将记录我的语音并以表格形式将其打印到输入属性中。

这是我在VueJS中的脚本

我可以从语音识别中获取文本，但无法在输入表单中显示它。

谢谢，

代替使用functionES6的使用箭头语法，这样可以保持其范围不变，如下所示：

                recognition.onresult = (e) => {
                   this.inputSearch = e.results[0][0].transcript;
                   recognition.stop();
                };
                recognition.onerror = function(e) {
                      alert('There are something wrong...');
                      recognition.stop();
                };

或其他选项是保存this其他变量并使用该变量，如下所示：

                var that = this
                recognition.onresult = function(e) {
                  that.inputSearch = e.results[0][0].transcript;
                  recognition.stop();
                };
                recognition.onerror = function(e) {
                      alert('There are something wrong...');
                      recognition.stop();
                };

您可以在这里查看我的类似答案。