Javascript Vue.js webkitSpeechRecognition集成

我需要将webkitSpeechRecognition连接到我的Vue.js项目（用于Chrome）

我正在尝试向组件中插入代码

<template>
      <div class="voice">
        <h1>{{ msg }}</h1>
        <button v-on:click="greet">Speak</button>
      </template>

      <script>
      export default {
        name: 'voice',
        data () {
          return {
            msg: 'Speak',
          }
        },
        methods: {
          greet: function (event) {

          }
        }
      }
      </script>

---

但我有一个错误“webkitSpeechRecognition未定义”

我用这句话解决了它：

var recognition = new window.webkitSpeechRecognition

---

我用这句话解决了这个问题：

var recognition = new window.webkitSpeechRecognition

---

它可能取决于浏览器，仅在Chrome中受支持，在任何基于webkit的浏览器中不受支持。可能的副本取决于浏览器，可能仅在Chrome中受支持，在任何基于webkit的浏览器中不受支持。可能的副本