всем привет! вопрос такой как отрендерить динамичексий хтмл в частности ссылку и правильно использовать в шаблоне? без xss

методы могут быть прожорливы

Я поэтому и думал про computed..

ну поменяй :class на :style а название класнов на параметры стилей

<button type="button" @click="pageStatus = 1" :class="[ {'btn-primary' : pageStatus == 1} , {'btn-outline-primary' : pageStatus != 1} ]" class="btn " >О нас</button>

а зачем там массив? если всё будет одним объектом, получится тот же эффект)

Я поэтому и думал про computed..

рекомендуется computed а методы только если неподходит компутед

щас попробую, вообще ошибки нету, просто нету этого параметра в итоге

https://ru.vuejs.org/v2/guide/computed.html - ище раз внимательно прочитай документацию только опираясь так сказать на свой пример

там есть watch а вдруг поможет

App.vue точно не надо добавить exports default { name: "..."}

пробовал, результат тот же)

Спасибо, прочитаю еще раз. Покумекаю

Спасибо, прочитаю еще раз. Покумекаю

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

ну поменяй :class на :style а название класнов на параметры стилей

вот так? :style="[ {'top' : field.top + '%'} , {'left' : field.left + '%'} ]"

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

Так в том-то и прикол. Я через console.log вижу, что массив изменился. А computed не срабатывает. Грубо говоря есть 2 переменные в computed, по которым идет вычисление. Обе собираются циклом. И вот одна переменная нормально отрабатывает. А вторая - только когда отрабатывает первая. Хотя по факту обращаются к одинаковой структуре. Просто к разным объектам. Но в остальном полная идентичностьт

к масиву который изменился компутед напрямую обращается? масив находится в дате?

Да, все верно. Он по умолчанию в data пустой. Собирается позже с помощью методов. Но по умолчанию он есть

как ты его изменяешь?

так вье невидит наверное что произошло изменение

дай код одного метода

который масив собирает

Сейчас, секунду

ебать

counterDoctor - счётчики лечит?))

doctorListShow - собираемый масив?

counterDoctor - счётчики лечит?))

Ага, полностью лечит)

doctorListShow - собираемый масив?

complexClinic - вот этот собираемый

я чтото невижу где происходит запись изменяемого масива

Вот там где идет проверка if ( doctorsFor[counterDoctor].id == doctorId ) есть строка specializationsFor[counterSpecialization].cost = doctorsFor[counterDoctor].cost Вот она изменяет

я канешно нуб, и может что непонимаю)

но давай так сделай временную переменную, а в конце всех операций когда собереш в нее даные масвом зделай this.complexClinic = variable

Так, сейчас попробую

а чё там никак нельзя упростить с помощью map, reduce, filter, forEach?

а чё там никак нельзя упростить с помощью map, reduce, filter, forEach?

Да и было так. Я думал, может я что лагаю, ошибся где-то. Переписал на такие макаронины временно. Но не помогло

ладно, мне нужно ити, мне кажтся что просто непроисодит явного изменения масива) удачи

Спасибо, буду ковырять :)

пора использовать метки!

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/label

Вроде написано, что лучше так не делать)

вот так? :style="[ {'top' : field.top + '%'} , {'left' : field.left + '%'} ]"

есть еще варианты?

Вроде написано, что лучше так не делать)

жаль

хуясе

Господи вот это полотно

Так еще пишут?)))))))0

10 сообщений назад я написал, почему так сделал

10 сообщений назад я написал, почему так сделал

очень эффектно вышло)))

саранча налетела

очень эффектно вышло)))

угу) жаль не помогло) а может наоборот хорошо что не помогло)

Ну циклы for in и while самые быстрые, хоть и императивные

Наверника ты забыл указать обе переменные в дате и поэтому одна запускает реактивность, а другая нет.

Либо модифицируешь массивы напрямую через []

Наверника ты забыл указать обе переменные в дате и поэтому одна запускает реактивность, а другая нет.

Да, в эту сторону как раз и смотрю сейчас. Пока безрезультатно. Но где-то наверняка что-то не запускает реактивность

присылают значится мне сейчас код: <template v-if="test>0" > <h1>VIF</h1> </template> <template v-else> <h1>{{test}}</h1> </template> и говорят что test = 2 а отрисовывает v-else со значением 2, в чём проблема - как вы думаете ?

я пока файл не получил - не допёр )

присылают значится мне сейчас код: <template v-if="test>0" > <h1>VIF</h1> </template> <template v-else> <h1>{{test}}</h1> </template> и говорят что test = 2 а отрисовывает v-else со значением 2, в чём проблема - как вы думаете ?

test = String ?

неа

<template v-if="test>0" > - это корневой template

<template v-if="test>0" > - это корневой template

не вешай на корневой же?

ребят, в vue-template есть команда типа npm run build которая билдит для production config, а как тоже самое сделать для дева? вот npm run dev запускает сервак, а чтоб он не сервак запустил а скомпилил в dist но с настройками дева?

не вешай на корневой же?

это понятно. я просто всю голову сломал - в чём у чувака может быть проблема

это понятно. я просто всю голову сломал - в чём у чувака может быть проблема

ну если там test !== Bool то очевидно почему. а так хз

ребят, в vue-template есть команда типа npm run build которая билдит для production config, а как тоже самое сделать для дева? вот npm run dev запускает сервак, а чтоб он не сервак запустил а скомпилил в dist но с настройками дева?

Задай переменную окружения типа NODE_ENV

а она же там в build.js process.env.NODE_ENV = 'production' явно задается?

Придется изменить build.js

ERROR: S client not available

просто неужели нет более простого способа, ну на стеке кто то приводил куча конфигов которые сам делал, но я в них плаваю, стремно как то

хотя я как то в codeship-е делал же деплой на разные сервера, хмм, щас найду

ребят, в vue-template есть команда типа npm run build которая билдит для production config, а как тоже самое сделать для дева? вот npm run dev запускает сервак, а чтоб он не сервак запустил а скомпилил в dist но с настройками дева?

1. че за шаблон? 2. если webpack то в дев конфиге поменять несколько строк с хранения в памяти в билд в какую-либо директорию

вебпак, да но я не понял)) вижу вариант скопировать build.js и поменять там все что со словом prod в dev)

вебпак, да но я не понял)) вижу вариант скопировать build.js и поменять там все что со словом prod в dev)

Не там все проще. есть конфиг dev server'a и в нем просто указать куда билдить

глянь доку по вебпаку короч)

ага изи, щас часов на 5 засяду доку читать))

ага изи, щас часов на 5 засяду доку читать))

Тебе нужно сделать так, чтобы источник инфы в твоем конфиге был один. Если это переменные окружения, тогда нужна конструкция типа const env = process.env.NODE_ENV || 'development' const isDev = env === 'development' Можно isDev сделать геттером твоего конфиг объекта. Короч далее тебе нужно env или isDev распихать везде, где используется process.env.NODE_ENV

Соответственно, да, нужно немного поменять конфиг шаблона. На то он и шаблон

Или пересмотреть свою задачу. Задаться вопросом - почему такой проблемы как у тебя обычно не возникает, возможно ты делаешь что-то не так?

вот насчет последнего я и думаю) щас дали два сервака, нужно задеплоить два раза, одно приложение юзает один api url, другое другой ?

подскажите, а как очистить <input type="file" в vue ?

если делаю модель ему, v-model="lol1" и потом пишу lol1=''; не работает

Или пересмотреть свою задачу. Задаться вопросом - почему такой проблемы как у тебя обычно не возникает, возможно ты делаешь что-то не так?

https://github.com/vuejs-templates/webpack/issues/903

если делаю модель ему, v-model="lol1" и потом пишу lol1=''; не работает

Сделай через ref. Наверняка у объекта с type=file есть метод для очистки.

Ребят, как маунтить компонент только тогда, когда он в вьюпорт попадает?

мб кто-то сталкивался)

Слушайте, такой нубский вопрос ) Смотрите, есть несколько кнопок с v-on:click=“show = !show” И div’ы, которые при клике появляются с v-show=“show” Все работает, но при клике на одну из кнопок появляются все эти скрытые элементы, а не тот, на который кликнули. Гуглил, нашёл такую конструкцию v-on:click.self Думал что это контекст, но оно не отрабатывает и все равно открываются все дивы

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

Слушайте, такой нубский вопрос ) Смотрите, есть несколько кнопок с v-on:click=“show = !show” И div’ы, которые при клике появляются с v-show=“show” Все работает, но при клике на одну из кнопок появляются все эти скрытые элементы, а не тот, на который кликнули. Гуглил, нашёл такую конструкцию v-on:click.self Думал что это контекст, но оно не отрабатывает и все равно открываются все дивы

у тебя все привязано к одной переменной?

Ага

Надо типо show1 show2

?

ага

ну я бы не так топорно делал

ну я бы не так топорно делал

А как?

и @click="show = !show" моветон

А как?

divsCondition:{ first: false, second: false, third: false } при клике на кнопку передаешь аргументом 'first', 'second' или 'third' в методе toggleChtoto(div){ this.divCondition[div] = !this.divCondition[div] } ну как-то так

Спасибо

Народ, использую вот это: https://github.com/vuejs/vue-class-component https://github.com/kaorun343/vue-property-decorator Как с этими приблудами сделать у vue-компонента поле НЕ реактивным? Без них понятно как: в теле хука created делаем что-то типа this.nonObservableData = someData Но с этими typescript-class наворотами так не прокатывает...

Или делать у компонента НЕ реактивное поле - это странное желание?