אובייקט בcouputed שאינו מתעדכן (vue)

[chagold]

המקרה הוא שאני מנסה לשלב את הספריה של uppy בvue

יש שם computed כזה

computed: {
  uppy2: () =>
      new Uppy({ id: 'uppy2', autoProceed: false, debug: true }).use(Tus, {
        endpoint: 'https://tusd.tusdemo.net/files/',
      })
}

אצלי הנתון שאמור להיות ערך ה-endpoint, מתקבל ממקור חיצוני, כך שכשהדף נטען הוא עדיין איננו (מה שקורה שכשהדף נטען הערך שיהיה שם אינו ערך תקין). איך אני מרענן את המידע אליו אח"כ שכשרץ העלאת הקובץ, כבר יהיה מוגדר ערך תקין?

(הערך מגיע מהthis.$store.getters. ניסיתי להגדיר אותו ככה

endpoint: (this) ? this.$store.getters.domain +"file/post" : "http://localhost:3000/file/post",

, אבל הוא לא מתרענן)

[yossiz]

@chagold מה זה הבדיקה של (this) ? זה תמיד יהיה true

[chagold]

@yossiz כתב באובייקט בcouputed שאינו מתעדכן (vue):

@chagold מה זה הבדיקה של (this) ? זה תמיד יהיה true

עכשיו אני רואה שכשאני ניגש מתוך הcoumputed הוא מחזיר undefined

[yossiz]

@chagold נכון, לא שמתי לב, אי אפשר להשתמש ב-this בתוך פונקציית חץ (או יותר נכון: זה מתנהג בצורה שונה), תמיר אותו לפונקציה רגילה אם אתה רוצה להשתמש ב-this

[חוקר]

ניתן גם מעל פונקציית החץ להוסיף

      const this2 = this

ואז משתמשים עם this2

[chagold]

@חוקר תוכל להדגים (בדוגמא דלעיל)?

[yossiz]

@חוקר זה לא הפוך? ה-this2 היה בא לידי שימוש בימים שלפני פונקציות חץ כשרצו ללכוד את ה-this שמחוץ לפונקציה

[חוקר]

@chagold כתב באובייקט בcouputed שאינו מתעדכן (vue):

@חוקר תוכל להדגים (בדוגמא דלעיל)?

האמת שכאן @yossiz צודק והנוסח הוא לשנות לפונקציה שאינה חץ כי מדובר בפונקציה בתוך אובייקט, ככה שאין לך היכן להגדיר משתנה.
ולכן יותר נכון הוא לכתוב את הקוד כך

computed: {
    uppy2() {
      return new Uppy({ id: 'uppy2', autoProceed: false, debug: true }).use(Tus, {
        endpoint: (this) ? `${this.$store.getters.domain}file/post` : 'http://localhost:3000/file/post',
      })
    },
  },

__
ערכתי הוספתי return