|
vue.js Table
|
|||
---|---|---|---|
#18+
Доброго дня всем. Я пару недель учусь освоить vue.js и испытываю некоторые трудности по сравнению с чистым JS. Пожалуйста не пеняйте сильно .. Пробую сформировать таблицу из этой структуры JSON но получаю пусто: Код: javascript 1. 2. 3. 4. 5. 6. 7. 8.
HTML код: Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17.
Спасибо. ... |
|||
:
Нравится:
Не нравится:
|
|||
16.10.2020, 12:29 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
Что не получается то? Навскидку, что сразу бросается в глаза, 2) Неправильно объявлена data Код: javascript 1. 2. 3. 4. 5.
2)итерироваться нужно по массиву, а не по свойству Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9.
... |
|||
:
Нравится:
Не нравится:
|
|||
16.10.2020, 13:40 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
vb_sub, Я получаю такую структуру в динамике из СУБД по запросу Код: javascript 1. 2. 3.
где то так Код: javascript 1. 2. 3. 4. 5. 6.
... |
|||
:
Нравится:
Не нравится:
|
|||
16.10.2020, 13:58 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
Valeriu, значит необходимо преобразовать mumps_P1 в тот вид, который подойдет для Vue-компонента. ... |
|||
:
Нравится:
Не нравится:
|
|||
16.10.2020, 14:52 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
Valeriu, на всякий случай, таблица с поиском и сортировкой https://jsfiddle.net/vo1phqut/ и массивы/объекты для наглядности выводить в консоль лучше через console.table, типа такого Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
Если json как в первом посте, то можно так: https://jsfiddle.net/1t7e9L6n/ Ну а если структура двухуровневая и меняться не будет, то можно попроще, без рекурсии: https://jsfiddle.net/1t7e9L6n/1/ ... |
|||
:
Нравится:
Не нравится:
|
|||
18.10.2020, 10:52 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
SQLPowerUser, Спасибо . Я понял смысл. Думал что все это нужно делать средствами Vue На чистом JS делал примерно так же ... |
|||
:
Нравится:
Не нравится:
|
|||
18.10.2020, 18:42 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
SQLPowerUser, Нажал случайно не отписав до конца. Придется делать через дополнительный метод как я понял. На данный момент при использования колбеком (чистый JS )примерно я делаю так Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48.
... |
|||
:
Нравится:
Не нравится:
|
|||
18.10.2020, 18:48 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
Valeriu, забыл сказать, но может Вы уже в курсе, что v-for работает не только для массивов, но и для объектов И небольшие пожелания для блока View data Sanctiuni : вместо var рекомендуется использовать let и const , вместо appendChild просто append . Ну и сокращения по желанию Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
... |
|||
:
Нравится:
Не нравится:
|
|||
18.10.2020, 19:39 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
Valeriu, Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17.
... |
|||
:
Нравится:
Не нравится:
|
|||
19.10.2020, 00:54 |
|
vue.js Table
|
|||
---|---|---|---|
#18+
Решил немножко по другому. Из БД выяснилось что приходили лишние данные (типа - name , cod, sal) Все данные строилось первоначально через разделитель. Так и оставил ничего не переделывая. Код: javascript 1. 2. 3. 4.
Код: javascript 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.
Спасибо всем. ... |
|||
:
Нравится:
Не нравится:
|
|||
20.10.2020, 15:55 |
|
|
start [/forum/topic.php?fid=22&fpage=7&tid=1443376]: |
0ms |
get settings: |
10ms |
get forum list: |
12ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
38ms |
get topic data: |
11ms |
get forum data: |
2ms |
get page messages: |
48ms |
get tp. blocked users: |
2ms |
others: | 12ms |
total: | 143ms |
0 / 0 |