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

@meir-lamdan כתב בvue, v-model ללולאה של selects:

@chagold כתב בvue, v-model ללולאה של selects:

אבל איך אני מגדיר את האובייקט/מערך?

const list = {
 coloumnA:null,
 coloumnB:null,
 coloumnC:null
}

v-model="list[coloumn]"

יש אפשרות להגדיר על אובייקט כזה watch? כי ה-coloumn אינם מתוכננים מראש (שאני יכול להצהיר עליהם), אלא הם מיובאים ונוצרים ע"י הקוד, אז אין לי אפשרות לעשות watch על כל אחד מהם, וב-watch על הlist שינוי של הפרטים שלהם לא מגיב. (גם שימוש בdeep: true לא מועילה, כנראה כיון שהם לא מוצהרים מראש, כנ"ל).

או אולי יש פיתרון שאני לא יודע של הגדרת watch על הlist עצמו, בצורה כלשהי ששינוי של כ"א מהמאפיינים שלו יגיב, (אולי יש אפשרות להצהיר על המאפיינים וה-watch ג"כ מתוך הקוד)?

תודה

@meir-lamdan
בשאלה שלי הv-for גם על הselect עצמו. לא רק על האופציות (ליתר דיוק: האופציות לא קשורות בכלל לשאלה. השאלה רק על הסלקטים, כיון שיש לופ של סלקטים שאמורים כ"א לשמור את נתוניו במיקום שלו).
השאלה על איפה שסימנתי בסימני שאלה.

השאלה לא בהכרח קשורה לvue, אולי סתם חוסר ידיעה איך לגשת / לכתוב לאובייקט / מערך בjs.

הסיטואציה כזו:

<select v-for="(coloumn, key) in list_coloumns" v-model="?????">
    <option v-for="(coloumn, key) in list_options"
        v-bind:key="key">
                                        {{option}}
        </option>
 </select>

שיש כמה סלקטים, ואני צריך לשמור את נתוניהם באובייקט/מערך כלשהו כדי שכשבוחרים option הוא ישמור ויציג אותו בשורה של תיבת הרשימה.

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

השאלה, איך אני מסמן לו את המתודה המסויימת שלו (כשהמזהה יכול להיות הcoloumn),

כמו משהו כזה:

v-model="list[coloumn]"

אבל איך אני מגדיר את האובייקט/מערך?

תודה.

@dovid אני צריך שאנשים יכולים להוריד קובץ מהאתר בלי שיסתבך להם. אז עדיף לעשות קידוד ANSI? וא"כ מה הקוד?
תודה.

בקוד הזה יורד קובץ csv אבל המילים בעברית לא מקודדות טוב.

איפה צריך להוסיף את הקידוד?

תודה רבה.

@מעלה-ומוריד בירושלים?
בחנויות טמבור (כמדומני https://tambour.co.il/stores/ח-ב-הכל-לבנין-90-בעמ/).
עולה כ20 ש"ח למרצפת.
אם לא הוא אז חנות אחת לידו

@dovid כתב ברשימת סוגי הקבצים, (לשימוש כפרמטר ב-curl_file_create):

אני כעת רואה בתיעוד של curl_file_create
https://www.php.net/manual/en/curlfile.construct.php
ששני הפרמטרים של הmime type והשם הם אופציונלים, אז יש מצב שאם משמיטים אותם הכל אוטומטי וזהו.

אבל בלי שכותבים מפורש את שם הקובץ, כל נתיב הקובץ נכנס לתוך שם הקובץ. אז כדי לשנות את שם הקובץ שהוא הפרמטר השלישי אני חייב להכניס לפניו את הפרמטר השני.

בmailgun, בשליחה בcurl, צריך לצרף את הקבצים ב-curl_file_create.
לכל קובץ יש גם את הtype שלו. כזה curl_file_create($filename, 'application/pdf', 'example.pdf'))
אני רוצה רשימה של כל סוגי הקבצים הסטנדרטיים.

יש משהו מוכן כזה?

@chagold מצאתי:

הוספתי בשרת:

header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token , Authorization');

קרדיט: github Copilot

@dovid

Access to fetch at 'http://localhost:200/index.php' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
index.js?95ac:108    
POST http://localhost:200/index.php net::ERR_FAILED

@dovid כתב בשגיאת cors (למרות אישור בצד שרת) רק בשיטת post:

אני לא יודע לעזור אבל תנסות להתחקות אחרי מה שקורה:
א. בדוק בNetwork את הבקשה שנכשלת, תראה את הResponse Header, האם יש שמה זכר לכותרות ששמת?
ב. לשון השגיאה המדוייקת יכול להיות מעניין.

בפרוייקט שעובד על המחשב שלי, צד הקליינט vue רץ (במצב פיתוח) ב-localhost:8080, ניגש לשרת php ב-localhost:200.

בצד השרת הגישה פתוחה זה עידן ועידנים ככה:

header('Access-Control-Allow-Origin: http://localhost:8080'); 
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');

אני משתמש הרבה בfetch בשיטת get. כעת הייתי צריך לשלוח הרבה נתונים בפרמטר body, ולכן רציתי לשלוח את הבקשה בpost.

עשיתי את השליחה תקינה (ככה נראה לי) אבל משום מה נתקע בcors.

הקוד של הpost הוא:

fetch('http://localhost:200/index.php', {
                method: 'POST',
                credentials: 'include',
                body: JSON.stringify({
                    body: 
                        {
                            p: 'update',
                            data:data,
                            format: 'json'
                        },
                    
                }),
                headers: {
                    'Content-type': 'application/json; charset=UTF-8'
                },
            })
            .then(response => response.json())
            .then(
                data => {
                    if(data=='execution_time_no_selected'){

                        
                        /*....*/
                    
                    }else{
                        
                        /*....*/
                    }
            })
            .catch(error => {
                    
                     /*....*/
                    
                }
            );

@WWW MIREDIT.pdf

@חגי כתוב מ- עד -

לא כתוב הגבלת תוקף.

@חגי https://education.github.com/benefits

אני הגשתי אישור באנגלית, והפניתי לאתר של הישיבה באנגלית (הישיבה לא נמצאת ברשימת המוסדות שהם מציגים שם. יש מוסדות חרדיים אחרים שכן).

ראיתי בהתכתבויות בגיטהאב שיש בתי ספר (כנראה קטנים ולא מוכרים) שהם דורשים עוד הוכחות מהסטודנטים. אפשר לנסות.

תגובה: Github Copilto

למעוניינים: הגשתי בקשה להיות מוכר כסטודנט ע"י האישור מהכולל שלי (מיר). אושרתי וביקשנוני לצרף את כל הקהילה.

GitHub Education logo
	
✨ Welcome to Global Campus
	

Hey chgold,

Welcome!

Thank you for joining GitHub Global Campus. GitHub Global Campus helps students, teachers, and schools access the tools and events they need to shape the next generation of software development.

Congratulations, you are now a GitHub Global Campus student! You can now explore valuable offers provided by GitHub's partners in the GitHub Student Developer Pack, view student events, and much more when you sign in at:

https://education.github.com/globalcampus/student?email_referrer=true

If you are renewing your membership please be aware that some of our partner offers are single-use and non-renewable, and that you should contact the partner directly if you have any questions.

Learn about GitHub Education's programs for students, like GitHub Campus Experts and our grants for first-time hackathons:

https://education.github.com/students

Introduce yourself to the GitHub Education Community:

https://github.com/orgs/github-community/discussions/categories/github-education

Your teacher or faculty advisor can request private repositories for your class projects or student club. Send them to:

https://help.github.com/categories/teaching-and-learning-with-github-education

Let them know they may also request a GitHub Education Swag Bag filled with GitHub educational materials and motivators (including Octocat stickers!)

Give the gift of GitHub Education to your entire school:

https://education.github.com/partners/schools

Have an Octotastic day!
- The GitHub Education Team
GitHub logo mark

GitHub, Inc. 88 Colin P Kelly Jr Street, San Francisco, CA 94107

You have received this email because your academic status has been verified by GitHub Education.
	

הפלט של הרצת הפרוייקט (ב-cli):

 WARN  
Couldn't parse bundle asset "C:\xampp\portclient\project\adminify-seed\dist\app.abb4c3c4d9350c6937e3.hot-update.js".
Analyzer will use module sizes from stats file.



 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'defineComponent' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'h' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'nextTick' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'onActivated' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'onBeforeUnmount' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'onDeactivated' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'onMounted' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'ref' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'toRefs' was not found in 'vue'

 warning  in ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js

"export 'watch' was not found in 'vue'

אני רוצה להשתמש בeditor TinyMCE בתוך vue2.6.14.

התיעוד שלהם משתמש עם @tinymce/tinymce-vue ולמרות שכתוב בתיעוד שזה מיועד לvue3, יש דוגמא בcodesandbox שהיא vue2.6.11 ועובדת עם הספריה הזו.
אבל כשאני מעתיק אותו לפלטפורמה שלי אני מקבל שגיאה

(פתוח גם לפתרון באמצעות ספריות אחרות)

תודבה רבה