С неоднофайловыми компонентами такой проблемы нет.

Всем привет. Попросил тут друг сделать ему минисайт-визитку. Сделал, вкладки переключаются, используя компоненты. Все везде работает, все супер. И тут, внезапно. Оказывается, что все должно работать еще и на IE11. Может кто помочь/подсказть, как переписать код для поддержки этим г... браузером? У меня по сути всего около 20 строк кода. Но пока не могу понять, как его сделать работающим по IE IE просто выводит все компоненты на страницу, и всё.

Всем привет. Попросил тут друг сделать ему минисайт-визитку. Сделал, вкладки переключаются, используя компоненты. Все везде работает, все супер. И тут, внезапно. Оказывается, что все должно работать еще и на IE11. Может кто помочь/подсказть, как переписать код для поддержки этим г... браузером? У меня по сути всего около 20 строк кода. Но пока не могу понять, как его сделать работающим по IE IE просто выводит все компоненты на страницу, и всё.

И что даже ошибки в консоли не пишет? Проверь. И проверь что в инструментах разработчика в ie не включен режим какого нибудь ie 8. Если не поможет как быстрое решение есть внешний скрипт polyfill.js как быстрое решение, просто подключаешь его на странице и он сам по юзерагенту решает, каких возможностей не хватает браузеру

И что даже ошибки в консоли не пишет? Проверь. И проверь что в инструментах разработчика в ie не включен режим какого нибудь ie 8. Если не поможет как быстрое решение есть внешний скрипт polyfill.js как быстрое решение, просто подключаешь его на странице и он сам по юзерагенту решает, каких возможностей не хватает браузеру

DOM7011: Код на этой странице запрещает кэширование вперед и назад. Дополнительные сведения см. по адресу http://go.microsoft.com/fwlink/?LinkID=291337 index.html Пытаюсь разобраться, как с этим бороться ?

И что даже ошибки в консоли не пишет? Проверь. И проверь что в инструментах разработчика в ie не включен режим какого нибудь ie 8. Если не поможет как быстрое решение есть внешний скрипт polyfill.js как быстрое решение, просто подключаешь его на странице и он сам по юзерагенту решает, каких возможностей не хватает браузеру

трустори из жизни взяли либу сторонюю на проекте, все хорошо, потом оказывается на ие белый экран не могли найти в чем проблема, поставили багтрекеры, нашли, оказывается конст в рантайме падал(что понятно) казалось бы, какого хуя? бабель есть и все такое по какой то причине, конкретно эту либу, он не транспайлил, пришлось ее переписать себе на проект и добавить компонент, только после этого бабель транспильнул в ес5

кулстори

Да, с ie случается всякое )

Недобраузер такой недобраузер

недобраузер это сафари

ие 11 по сравнению с сафари огонь браузер

Хз, сафари все норм отрабатывает)

ну мы поддерживаем 9+

и там все очень не очень ы

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="-1"> Ошибки убрали, но почему то рендерятся все компоненты... Ох, хорошее утро субботы

Кто то использовал electron & vue ? как там можно реализовать открытие роутеров в новой вкладке ?

Есть кто на typescript пишет?

Сразу вопрос давай

причем тут тс?

вью не создает копий пропов, а прямую ссылку на реф тайп

(проблема в том, что когда меняю что-то в полях дочернего компонента, объект меняется и в родительском)

ну конечно)

вью не создает копий пропов, а прямую ссылку на реф тайп

А как правильно переприсвоить в моем случае?

А как правильно переприсвоить в моем случае?

как и в жсе, сделай копию в месте где используешь

Я пробовал в create присваивание вынести, тот же самый эффект

как правильно сделать копию можно?

Может пригодиться. IE не умеет работать с тегом <template>. В частности, у меня они лежат Боди и показываются по вызову. Но IE просто берет и рендерит их все на страницу. Для правильной работы, неободим полифилл. Решение такое: ` <style> template { display: none; } </style> <script> (function(){return (function templatePolyfill(){"use strict";if("content"in document.createElement("template")){return false;}var templates=document.getElementsByTagName("template");var plateLen=templates.length;for(var x=0;x<plateLen;++x){var template=templates[x];var content=template.childNodes;var fragment=document.createDocumentFragment();while(content[0]){fragment.appendChild(content[0]);}template.content=fragment;}}());}()); </script> `

Я пробовал в create присваивание вынести, тот же самый эффект

Object.assign, {...obj}, JSON.stringify() JSON.parse()

зависит от обьекта

хоть лодешем)

Ну у меня там только поля)

Спасибо большое, я попробую)

Всем привет, подскажите, будьте добры пример вывода списка из апи в шаблон. Обращение к апи уже присутствует

Всем привет, подскажите, будьте добры пример вывода списка из апи в шаблон. Обращение к апи уже присутствует

v-for читайте в документации

Забанили вот как это выглядит

https://vuejs.org/v2/examples/commits.html

в этом примере список и запрос к апи

там конечно используется низкоуровневый XMLHttpRequest, но думаю ты можешь его заменить на axios

или fetch или еще какая-нить либа

https://ru.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html

А этот способ можно приметь с 'axias'ом?

readyUrl(url, type, index) { if(type === 'icon') { this.$flue.actions.setImg(url); } else if (type === 'screns') { this.$flue.actions.setScreens(url) } } <img :src="readyUrl(screen, 'screns', index)"

Почему в таком случае сайт очень сильно лагает ?

вообще не грузиться

Нужны промисы

А у вас походу нет асинхронности

Нужны промисы

url он берет с сервера

Нужны промисы

тоесть в этом методе нужно асинхронность сделать ?

я бы не сказал что это костыль, но там есть проблемы с производительностью фундаментальные

Что за проблемы ? Можно поподробнее ?)

А что внутри методов происходит?

А что внутри методов происходит?

ставит url в state и возвращает url

И не загружает ничего?

И не загружает ничего?

нет, загружает asyncData

В смысле не делает запросов?

В смысле не делает запросов?

нет просто ставит url в стейт, и возращает url

Что за проблемы ? Можно поподробнее ?)

сср это очень долго с точки зрения рендеринга потому что там 0 кеширования

нет просто ставит url в стейт, и возращает url

А screen и index откуда берутся?

Отуда же?

А screen и index откуда берутся?

его с сервера загружает asyncData

А screen и index откуда берутся?

но сам метод ничего не грузит

Тоесть рекурсия выходит

Тоесть рекурсия выходит

и что можно сделать ?

Использовать гетер

Без записи

Использовать гетер

геттер в vuex ?

Ну тип да

Смотри че у тебя выходит

ни у кого не возникало подобных проблем?

Ребят, гуглю, но что-то не выходит подключить однофайловые компоненты глобально. Использую require.context чтобы динамически вызвать Vue.component для всех файлов .vue. Но при использовании компонентов Вью ругается что компонента нет или неправильно подключен.

Если я правильно понял, то ты пытаешься пролучить урл картинки методом который записывает данные которые ты передаешь в метод для получения картинки

Странно что vue не отловил рекурсию и не сказал об этом

Если я правильно понял, то ты пытаешься пролучить урл картинки методом который записывает данные которые ты передаешь в метод для получения картинки

ну да )) но с помощью геттера я же не поставлю картинку в стейт

)

Так

Смотри

Тебе нужен стейт и с стейта уже брать урлы

Так

да

А операцию отправки данных для получения урлов производить в mounted

А операцию отправки данных для получения урлов производить в mounted

тоесть мне url ствить в стейт в хуке mounted ?

Не

Я запутался

Чет ты не то делаешь)

Во первых

Не

вообщем я беру с сервера url в asyncData, дальше есть метод который возращает url картинки с стейта, но эта ссылка идет к другому роуту, где он берет url в стейте, но где ставить url в стейт?

readyUrl там нет return

И я хз что ты записываешь в src

readyUrl там нет return

я не полность скинул

И я хз что ты записываешь в src

readyUrl(url, type, index) { if(type === 'icon') { this.$flue.actions.setImg(url); } else if (type === 'screns') { this.$flue.actions.setScreens(url) } var path = URI(url).path().split('/').join(); if (index === undefined) { return /fileStorage/${type}/${path}; } return /fileStorage/${type}/${path}?i=${index}; } <img :src="readyUrl(screen, 'screns', index)"

это полностью ф-ция

А вопрос, зачем тебе вообще тут setImg и setScreen?