Nuxt•3w ago

Click Event is not working

Hello dear people... i wanted to make a simple click event for a button. Strangely it doesnt work and I tried out some things but I dont get it to work. Im pretty new in vue and nuxt to I would be happy to get some help :) Code:

<script setup lang="ts">
  import {PlayFab} from "playfab-sdk";
  import {PlayFabClient} from "playfab-sdk";

  const config = useRuntimeConfig();


  const registerRequest = {
    TitleId: PlayFab.settings.titleId,
    Email: '[email protected]',
    Password: 'djaksdjaskldj22',
    RequireBothUsernameAndEmail: true,
    Username: 'ZeroOne'
  }

  function registerUser() {
    console.log('registerUser');
    PlayFab.settings.titleId = config.playFab_titleId;
    PlayFabClient.RegisterPlayFabUser(registerRequest, LoginCall)
  }

  function LoginCall() {
    console.log("Registration successful");
  }
</script>

<template>
  <button v-on:click="LoginCall">Register</button>
</template>

<style scoped>

</style>

<script setup lang="ts">
  import {PlayFab} from "playfab-sdk";
  import {PlayFabClient} from "playfab-sdk";

  const config = useRuntimeConfig();


  const registerRequest = {
    TitleId: PlayFab.settings.titleId,
    Email: '[email protected]',
    Password: 'djaksdjaskldj22',
    RequireBothUsernameAndEmail: true,
    Username: 'ZeroOne'
  }

  function registerUser() {
    console.log('registerUser');
    PlayFab.settings.titleId = config.playFab_titleId;
    PlayFabClient.RegisterPlayFabUser(registerRequest, LoginCall)
  }

  function LoginCall() {
    console.log("Registration successful");
  }
</script>

<template>
  <button v-on:click="LoginCall">Register</button>
</template>

<style scoped>

</style>

I hope to get some help :)

49 Replies

kapa.ai•3w ago

Hi @フェリックス. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- I see the issue with your click event. The button is correctly set up with v-on:click="LoginCall", but you're trying to call the LoginCall function when the button is clicked, while your actual registration logic is in the registerUser function. Here's how you can fix it:

<script setup lang="ts">
  import {PlayFab} from "playfab-sdk";
  import {PlayFabClient} from "playfab-sdk";

  const config = useRuntimeConfig();

  const registerRequest = {
    TitleId: PlayFab.settings.titleId,
    Email: '[email protected]',
    Password: 'djaksdjaskldj22',
    RequireBothUsernameAndEmail: true,
    Username: 'ZeroOne'
  }

  function registerUser() {
    console.log('registerUser');
    PlayFab.settings.titleId = config.playFab_titleId;
    PlayFabClient.RegisterPlayFabUser(registerRequest, LoginCall)
  }

  function LoginCall() {
    console.log("Registration successful");
  }
</script>

<template>
  <button @click="registerUser">Register</button>
</template>

<script setup lang="ts">
  import {PlayFab} from "playfab-sdk";
  import {PlayFabClient} from "playfab-sdk";

  const config = useRuntimeConfig();

  const registerRequest = {
    TitleId: PlayFab.settings.titleId,
    Email: '[email protected]',
    Password: 'djaksdjaskldj22',
    RequireBothUsernameAndEmail: true,
    Username: 'ZeroOne'
  }

  function registerUser() {
    console.log('registerUser');
    PlayFab.settings.titleId = config.playFab_titleId;
    PlayFabClient.RegisterPlayFabUser(registerRequest, LoginCall)
  }

  function LoginCall() {
    console.log("Registration successful");
  }
</script>

<template>
  <button @click="registerUser">Register</button>
</template>

I've made two changes: 1. Changed the click handler to call registerUser instead of LoginCall since that's the function that initiates the registration process 2. Used the shorthand @click instead of v-on:click (both work the same way, but @click is more commonly used in Vue) In Nuxt/Vue, the click event should work as long as you're calling the correct function. The @click directive is the standard way to handle click events in Vue templates. If you're still having issues, make sure that: - Your component is properly mounted - There are no console errors - The PlayFab SDK is properly imported and initialized ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•3w ago

<@781613262097219605> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Gaming

Programming

Click Event is not working

Did you find this page helpful?