Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

switch is not responding #248

Open
frogg1ven opened this issue Sep 30, 2021 · 2 comments
Open

switch is not responding #248

frogg1ven opened this issue Sep 30, 2021 · 2 comments

Comments

@frogg1ven
Copy link

frogg1ven commented Sep 30, 2021

Hi,
I'm working on the ionic vue mobile app and managed to implement your library into my project, it displays everything fine but switch button is not responding (I can't even press it). I'm a beginner so I don't really know why this is. Do you have any advice?
Btw everything is compiling well, and I have no errors.

Below is my SettingsPage.vue code:

<template>
  <base-layout page-title="Ustawienia">
    <div class="hello container">
      <h1>Vue Webble - Web Bluetooth LE plugin</h1>
      <VueWebble
        filter-type="all"
        :services="this.services"
        @scanned-devices="handleScannedDevices"
        @connected-devices="handleConnectedDevices"
      />
    </div>
  </base-layout>
</template>

<script>

import { 
  
} from '@ionic/vue';
import { defineComponent } from 'vue';
import VueWebble from 'vue-webble/src/components/VueWebble.vue'

export default defineComponent({
  name: 'BLEDemo',
  components: {
    VueWebble
  },
  data() {
    return {
      services: [
        'alert_notification'
      ]
    }
  },
  methods: {
    handleScannedDevices(devices) {
      console.log('Scanned devices:', devices)
    },
    handleConnectedDevices(devices) {
      console.log('Connected devices:', devices)
    }
  }
});

</script>

and here is fragment of my App.vue:

<template>
  <ion-app>
    <Menu></Menu>
    <BLEDemo />
    <ion-router-outlet id="main-content" />
  </ion-app>
</template>

<script>
import { IonApp, IonRouterOutlet } from '@ionic/vue';
import { defineComponent } from 'vue';
import Menu from './components/base/Menu.vue'
import BLEDemo from './views/SettingsPage.vue'

export default defineComponent({
  name: 'App',
  components: {
    IonApp,
    IonRouterOutlet,
    Menu,
    BLEDemo
  },
...
@hanhdt
Copy link
Owner

hanhdt commented Oct 4, 2021

@frogg1ven Hi, thanks for reporting the issue.
And sorry, I have been busy so that late reply.
Are you still struggle with this issue?

@frogg1ven
Copy link
Author

Hi, I'm still struggling, it's probably not issue of your library, but I couldn't find discussions tab. I don't know if I'm implementing everything right way. Is there anything I didn't notice, that should be done for this library to work properly? Or is it just the fact that this is mobile app for android or that I'm using ionic vue?
I would be really glad if you could help me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants