דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. vue router component

vue router component

מתוזמן נעוץ נעול הועבר תכנות
vue router
22 פוסטים 2 כותבים 2.0k צפיות
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • dovidD מחובר
    dovidD מחובר
    dovid ניהול
    כתב ב נערך לאחרונה על ידי dovid
    #2

    השאלה שלך מנוסחת לא ברור. דף HTML עשיר ככל שיהיה הוא דף טקסט, וטקסט פשוט כבת שאתה מצליח ואף הבאת דוגמא מצויינת.
    אם אתה רוצה שתוכן הטמפלייט ימלא את הדף, זה עניין עיצובי ואתה יכול.
    אולי אתה מתכוון שאתה רוצה שבמקום לכתוב את הHTML שלך בתוך מחרוזת סטרינג (בקובץ הJS בפרמטר Template) שיהיה פרמטר כמו UrlTemplate שיפנה לקובץ HTML בשרת.
    אז כפי הנראה אין את הפינוק הזה, ועליך להוריד ע"י HttpRequest את הקובץ ולשים את תוכנו בתוך הפרמטר Template.
    ראה פה: https://stackoverflow.com/questions/31633573/vuejs-templating-how-to-load-external-templates

    מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

    בכל נושא אפשר ליצור קשר dovid@tchumim.com

    chagoldC תגובה 1 תגובה אחרונה
    1
    • chagoldC מנותק
      chagoldC מנותק
      chagold
      השיב לdovid ב נערך לאחרונה על ידי chagold
      #3

      @dovid
      ה-vue בנוי שיש אלמנטים שאפשר לקחת בהורשה, וככה להקל על סידור ה-HTML, המכונים component.
      https://vuejs.org/v2/guide/components.html
      השאלה איך אני מכניס אלמנט כזה לתוך הניתוב. (בדוגמאות דלעיל זה טקסט משתנה ולא אלמנט שלם).

      תגובה 1 תגובה אחרונה
      0
      • dovidD מחובר
        dovidD מחובר
        dovid ניהול
        כתב ב נערך לאחרונה על ידי
        #4

        אתה מתקמצן, אז אני לא מבין. מה הבעיה לשים קומפננטה בתוך הטמפלייט כמו בHTML עצמו?
        הנה ככה https://jsfiddle.net/jLo18grp/

        מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

        בכל נושא אפשר ליצור קשר dovid@tchumim.com

        תגובה 1 תגובה אחרונה
        2
        • chagoldC מנותק
          chagoldC מנותק
          chagold
          כתב ב נערך לאחרונה על ידי
          #5

          הייתי צריך לשאול מוקדם יותר... הייתי מבזבז פחות שעות...
          תודה רבה!!!

          תגובה 1 תגובה אחרונה
          1
          • dovidD מחובר
            dovidD מחובר
            dovid ניהול
            כתב ב נערך לאחרונה על ידי dovid
            #6

            אפרופו מה שחשבתי שהציק לך,

            @dovid אמר בvue router component:

            אולי אתה מתכוון שאתה רוצה שבמקום לכתוב את הHTML שלך בתוך מחרוזת סטרינג (בקובץ הJS בפרמטר Template) שיהיה פרמטר כמו UrlTemplate שיפנה לקובץ HTML בשרת.
            אז כפי הנראה אין את הפינוק הזה, ועליך להוריד ע"י HttpRequest את הקובץ ולשים את תוכנו בתוך הפרמטר Template.
            ראה פה: https://stackoverflow.com/questions/31633573/vuejs-templating-how-to-load-external-templates

            בדיוק היום איזה פולני כתב על זה
            https://wildermuth.com/2018/03/11/Remote-Views-in-Vue-js

            מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

            בכל נושא אפשר ליצור קשר dovid@tchumim.com

            chagoldC תגובה 1 תגובה אחרונה
            0
            • chagoldC מנותק
              chagoldC מנותק
              chagold
              השיב לdovid ב נערך לאחרונה על ידי chagold
              #7

              @dovid עדיין לא הצלחתי לעשות בrouter שיהיה component עם ערכים דינמיים. (עם פרופס).

              dovidD תגובה 1 תגובה אחרונה
              0
              • dovidD מחובר
                dovidD מחובר
                dovid ניהול
                השיב לchagold ב נערך לאחרונה על ידי
                #8

                @chagold אמר בvue router component:

                @dovid עדיין לא הצלחתי לעשות בrouter שיהיה component עם ערכים דינמיים. (עם פרופס).

                יש לך כח לקבל עזרה ? 🙂
                תעשה דגומא ותתקדם עד לבעיה, ואז תציג לנו אותה.

                מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                בכל נושא אפשר ליצור קשר dovid@tchumim.com

                תגובה 1 תגובה אחרונה
                1
                • chagoldC מנותק
                  chagoldC מנותק
                  chagold
                  כתב ב נערך לאחרונה על ידי chagold
                  #9

                  יש כאן 2 דוגמאות בהם עשיתי מה שאמור להיות קבלת קומפוננט דינמי.
                  זאת, והשניה (אותו קוד רק עם שינוי סדר האובייקטים), בשניהם הוא מציג את הקומפוננט כפול, כשפעם אחת לא טוב ופעם השניה טוב. איך מבטלים את התצוגה שהוא לא מקבל ערכים?

                  תודה

                  dovidD תגובה 1 תגובה אחרונה
                  0
                  • dovidD מחובר
                    dovidD מחובר
                    dovid ניהול
                    השיב לchagold ב נערך לאחרונה על ידי
                    #10

                    @chagold אמר בvue router component:

                    יש כאן 2 דוגמאות בהם עשיתי מה שאמור להיות קבלת קומפוננט דינמי.
                    זאת, והשניה (אותו קוד רק עם שינוי סדר האובייקטים), בשניהם הוא מציג את הקומפוננט כפול, כשפעם אחת לא טוב ופעם השניה טוב. איך מבטלים את התצוגה שהוא לא מקבל ערכים?

                    תודה

                    הסיבה שיש שתיים זה כי פשוט שמת אחד נוסף בhtml מחוץ לראוטר-ויו.
                    שנית, נראה לי זה טעות לשים בטמפלייט של קומפננטה של route קומפננטה אחרת, זה שרשור מסובך שמקשה על העברת הפרמטרים. תשתמש רק בBar שים בטמפלט את מלוא הטמפלייט שעשית לpw וזהו.

                    מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                    בכל נושא אפשר ליצור קשר dovid@tchumim.com

                    תגובה 1 תגובה אחרונה
                    2
                    • chagoldC מנותק
                      chagoldC מנותק
                      chagold
                      כתב ב נערך לאחרונה על ידי
                      #11

                      @dovid אמר בvue router component:

                      route

                      1. תודה.
                      2. עשיתי וזה לא עובד
                        https://jsfiddle.net/jLo18grp/29/
                      תגובה 1 תגובה אחרונה
                      0
                      • chagoldC מנותק
                        chagoldC מנותק
                        chagold
                        כתב ב נערך לאחרונה על ידי
                        #12

                        דוגמא שעובדת
                        https://jsfiddle.net/jLo18grp/69/

                        תגובה 1 תגובה אחרונה
                        1
                        • dovidD מחובר
                          dovidD מחובר
                          dovid ניהול
                          כתב ב נערך לאחרונה על ידי dovid
                          #13

                          @chagold יפה שאתה מתקדם.
                          אבל תדע לבחירות עתיד, שהקושי העצום לאיתור דוגמאות ותיעוד, הוא נגזר מכמות המשתמשים.
                          הטיפוס של vue הוא מהיר מאוד והוא נעשה פופלרי מיום ליום אבל עדיין לא מגרד את אנגולר, והכי גרוע שהוא בכלל לא היחיד בתחום יש עוד עשרות פופלריים, ועוד מאות פחות. בתוך הים הזה יש שתי בעיות: למצוא מי שמתחבט כמוך (ויש הרבה) והעלה קוד מסודר לאינטרנט עם הסברים (1:1000), שנית, שהפרימוורק יישאר רלוונטי ולא יבוא אחר ויכבוש את מקומו בסערה.
                          עריכה: עוד נקודה, עד כמה יעשו פתרונות למקרים לא קלאסיים.

                          לדעתי לא חכם לעזוב כעת את vue כי הוא מבטיח מאוד, אבל שים לב מאוד לבחירותיך הבאות תוך נסיון מהנ"ל.

                          מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                          בכל נושא אפשר ליצור קשר dovid@tchumim.com

                          תגובה 1 תגובה אחרונה
                          2
                          • chagoldC מנותק
                            chagoldC מנותק
                            chagold
                            כתב ב נערך לאחרונה על ידי chagold
                            #14

                            בשלב הבא אני עדין מסתבך. (להכניס לתוכו קומפוננט עם v-for)

                            https://jsfiddle.net/jLo18grp/77/

                            דבר ראשון זה לא עובד.
                            דבר שני, כרגע לפי מה שעשיתי, הייתי חייב לתת בDIV שבתוכו הקריאה לקומפוננטיננט todo-item את הid="app-7", כדי שיוכל לקבל הנתונים.
                            אבל למעשה כרגע הוא כביכול מקבל נתונים משתי מקורות, גם משם וגם בתוך האלמנט appaa.

                            תודה מראש

                            תגובה 1 תגובה אחרונה
                            0
                            • chagoldC מנותק
                              chagoldC מנותק
                              chagold
                              כתב ב נערך לאחרונה על ידי chagold
                              #15

                              עדכון:
                              https://jsfiddle.net/jLo18grp/116/ -- עובד!!

                              @dovid אמר בvue router component:

                              עריכה: עוד נקודה, עד כמה יעשו פתרונות למקרים לא קלאסיים

                              זה מאד לא מובן לי, כיון שמה שטיפה יותר מורכב לא אומר שהוא לא קלאסי. כמו שלולאת v-for קיימת, אז גם זה אמור להיכנס בקומפוננט, ואם עושים ראוטר אז זה אמור לכלול גם את זה.
                              העיקר שיש פתרון.

                              הפרנציפ זה שיש לו 2 מערכות 1 הטמפלט והשני זה הDATA - אותו הוא מקבל דרך הראוטר

                              תגובה 1 תגובה אחרונה
                              0
                              • dovidD מחובר
                                dovidD מחובר
                                dovid ניהול
                                כתב ב נערך לאחרונה על ידי
                                #16

                                לא אמרתי שהמקרה שלך לא קלאסי.
                                ציינתי נקודה בלי קשר.

                                במקרה שלך קשה לי לעזר כי אני צריך להיכנס לראש של vue ואין לי מספיק סבלנות.

                                מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                                בכל נושא אפשר ליצור קשר dovid@tchumim.com

                                תגובה 1 תגובה אחרונה
                                1
                                • chagoldC מנותק
                                  chagoldC מנותק
                                  chagold
                                  כתב ב נערך לאחרונה על ידי chagold
                                  #17

                                  במקרה הנ"ל,
                                  אני רוצה שלחיצה על div תפעיל אירוע. אין בעיה להכניס א כל הdiv בתוך router-link ולעשות אותו ללינק, אבל לא הצלחתי להפעיל אירוע כלשהו בעת לחיצה על הלינק.

                                  הפרנציפ שאמור לעבוד זה כמו כאן. אבל לא הצלחתי לממש כנראה כיון שכאן זה בתוך v-for.

                                  עזרתכם????

                                  תודה מראש.

                                  ואם לא, אני ס"ה רוצה לעדכן איזה משתנה ברקע. אולי אוכל לעשות את זה דרך פונקציה שלא קשורה לvue?

                                  תגובה 1 תגובה אחרונה
                                  0
                                  • dovidD מחובר
                                    dovidD מחובר
                                    dovid ניהול
                                    כתב ב נערך לאחרונה על ידי
                                    #18

                                    זה מסובך, https://jsfiddle.net/0q9k9dp0/
                                    אהממ אני כבר לא בטוח שזה לא חכם ל... 😞

                                    מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                                    בכל נושא אפשר ליצור קשר dovid@tchumim.com

                                    תגובה 1 תגובה אחרונה
                                    1
                                    • chagoldC מנותק
                                      chagoldC מנותק
                                      chagold
                                      כתב ב נערך לאחרונה על ידי chagold
                                      #19

                                      לא עיינתי מספיק, אבל כנראה זה זה והדוגמא

                                      תגובה 1 תגובה אחרונה
                                      0
                                      • dovidD מחובר
                                        dovidD מחובר
                                        dovid ניהול
                                        כתב ב נערך לאחרונה על ידי
                                        #20

                                        @chagold לא הבנתי אותך, נתתי לך דוגמא עובדת, זה לא טוב?

                                        מנטור אישי למתכנתים (ולא רק) – להתקדם לשלב הבא!

                                        בכל נושא אפשר ליצור קשר dovid@tchumim.com

                                        תגובה 1 תגובה אחרונה
                                        0
                                        • chagoldC מנותק
                                          chagoldC מנותק
                                          chagold
                                          כתב ב נערך לאחרונה על ידי chagold
                                          #21

                                          לא הבנתי בדוגמא שלך מה זה אמור לעשות, ולא ראיתי שום שינוי בעת לחיצה על הDIV אז חשבתי שזה נסיון שלא הצליח (במיוחד לפי האהממ שחשבתי שאתה מפקפק בציטוט הזה

                                          לדעתי לא חכם לעזוב כעת את vue כי הוא מבטיח מאוד

                                          )

                                          תגובה 1 תגובה אחרונה
                                          0

                                          • 1
                                          • 2
                                          בא תתחבר לדף היומי!
                                          • התחברות

                                          • אין לך חשבון עדיין? הרשמה

                                          • התחברו או הירשמו כדי לחפש.
                                          • פוסט ראשון
                                            פוסט אחרון
                                          0
                                          • דף הבית
                                          • קטגוריות
                                          • פוסטים אחרונים
                                          • משתמשים
                                          • חיפוש
                                          • חוקי הפורום