Vue.js 如何检查vue中是否启用了位置服务

我在nuxt中的应用程序，我只想检查位置服务是否已启用，否则如果未启用，则触发模式显示消息

<b-modal id="show-ask-location" hide-footer>
      <template v-slot:modal-title>
        Please Allow your location for best results
      </template>

      <b-button class="mt-3" block @click="getCurrentLocation"
        >Click here to allow location</b-button
      >
    </b-modal>

请允许您的位置以获得最佳结果
单击此处以允许定位

否则它不应该触发modal

this.$bvModal.show（'show-ask-location'）

我找不到任何有关此的教程或文档。请帮助
在您的组件中，使用计算属性检测地理位置：

...
computed: {
    canGeolocate() {
        return !!navigator.geolocation
    }
}
...

并在模板中的任何地方使用它，使用
v-if=“cangeLocate”