[Vuejs]-How Do I Use Global Vars properly?

by

1👍

✅

It seems there is a misunderstanding in how you are handling the global variable getCurrentPage. Based on your description, it looks like the variable currentPage is being set to the value of getCurrentPage at the beginning. Then, when you increment currentPage, you are assigning the incremented value to getCurrentPage, which is not what you want.

Let me clarify the steps you need to take:

  1. First, ensure that the global variable getCurrentPage is defined and accessible from both the initial TypeScript file and the pagination file.

  2. In the initial TypeScript file, after receiving the data from the initial AJAX call, set the currentPage variable based on the value received from the AJAX response:


    declare var getCurrentPage: number;
    
    // After your AJAX call
    globalThis.getCurrentPage = data && data.startPage;
    const currentPage = getCurrentPage || 0;
  1. In the pagination file, increment the currentPage value and then update the global variable getCurrentPage with the new value:

    // In the pagination file
    const nextPage = currentPage + 1;
    globalThis.getCurrentPage = nextPage;

By doing this, you will increment the currentPage value correctly and update the global variable getCurrentPage with the latest value. The next time you click the Next Page button, it should increment the value correctly.

Make sure to check for any other parts of your code that might be affecting the behavior, and ensure that you are not accidentally reinitializing the currentPage variable somewhere else in your code. Also, remember that using global variables should be done with caution as they can lead to unexpected behavior and make the code harder to maintain. Consider using proper encapsulation and scoping techniques to manage state more effectively.

👤sajjad maneshi

Leave a comment