I am completely new to nativescript-vue and I have been experimenting with my codes on stackblitz. I decided to use a webview to load an HTML page, but unfortunately, the HTML geolocation API is not functioning correctly. Can anyone provide some guidance on how to resolve this issue? Thank you in advance for your help.
This is the code I am working with:
<template>
<Page>
<ActionBar>
<Label text="Home" />
</ActionBar>
<GridLayout>
<WebView src="https://azowad.pythonanywhere.com/" />
<Label class="info" :text="message" @tap="logMessage" />
</GridLayout>
</Page>
</template>
<script lang="ts">
import Vue from 'nativescript-vue';
export default Vue.extend({
computed: {
message() {
return 'Blank {N}-Vue app';
},
},
methods: {
logMessage() {
console.log('You have tapped the message!');
},
},
});
</script>
<style scoped>
.info {
font-size: 20;
horizontal-align: center;
vertical-align: center;
}
</style>