@vuejs_ru

Страница 727 из 3900
Rafael
11.07.2017
12:45:35
я хочу просто в бразуере описать структуры, которые хочу получать, чтобы потом это импортировать как pdf и отнести руководству

Google
Алихан
11.07.2017
12:47:44
или как я уже говорил - просто json файл, открываешь его в браузере - и вот тебе вся структура

С ней же можешь из приложения взаимодействовать

Den
11.07.2017
12:48:18
А маршруты API как?

Алихан
11.07.2017
12:48:37
Маршруты сделаешь вслед за бэкендом например

Valery
11.07.2017
12:48:56
подкажите еще маленький вопрос, плиз <input type="checkbox" value="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~"> - здесь я хочу value передать набор ASCII symbols но не получается - на странице гадость вылазит какая-то как-то экранировать эти спецсимволы надо, что-ли?

Алихан
11.07.2017
12:49:37
Ну если очень хочется - вводишь переменную окружения, пишешь обертку над апи, там сверяешь переменную, и подставляешь маршрут/файл

Valery
11.07.2017
12:50:31
\ не?
и где ставить это "не"? ))

каждому символу подряд? )

Den
11.07.2017
12:51:01
и где ставить это "не"? ))
Перед экранируемым символом ставь \

Иногда надо \\

Пробуй

Valery
11.07.2017
12:52:07
Пробуй
нет - не получается

Google
Valery
11.07.2017
12:52:34
черт - что-то в гугле не могу найти такой вопрос (

Den
11.07.2017
12:52:58
value="!\"#$%&'()*+,-./:;<=>?@[\\]^_\{|}~" === `value="!\"

Gendos_ua
11.07.2017
12:53:08
&quot; вместо " пробовал?

Den
11.07.2017
12:53:46
value="!\#$%&'()*+,-./:;<=>?@[\\]^_`{|}~"

Просто без двойной кавычки че?

Valery
11.07.2017
12:54:34
< - какой код?

&gt;

?

вот посоны - учитесь <input type="checkbox" value="!\&quot;#$%&amp;'()*+,-./:;&lt;=>?@[\\]^_`{|}~">

))

&quot; вместо " пробовал?
спасибо за наводку

Astr0junk
11.07.2017
12:58:56
Коллеги, есть такой вопрос. Есть сайт в который загружается Vue приложение. в конкретный блок. Хочется, что бы извне можно было подписаться на Vue-instasce, а изнутри приложения кинуть наружу ивент. что то типа VueApp.$on('id_changed', handler), а вприложение при изменении данных кинуть this.$emit('id_changed', {id: this.id})

ошибок нет, но триггер ивента не происходит. Кто-нибудь таким занимался?

Den
11.07.2017
12:59:53
Может отдельную шину событий?

Алихан
11.07.2017
12:59:58
А через глобальную шину событий?

Astr0junk
11.07.2017
13:00:01
всмысле отдельную?

Astr0junk
11.07.2017
13:00:13
this.$root?

Den
11.07.2017
13:00:23
Не

Алихан
11.07.2017
13:00:24
всмысле отдельную?
window.eventBus = new Vue();

Google
Алихан
11.07.2017
13:00:33
В компоненте window.eventBus.$emit()

Во вне window.eventBus.$on()

Astr0junk
11.07.2017
13:00:57
а какая разница если я создаю инстанс как this.vueInst = new VueApp()

Den
11.07.2017
13:01:09
Я так делаю:

/* eslint-disable no-shadow */ import Vue from 'vue' const bus = new Vue() export default function install (Vue) { Object.defineProperties(Vue.prototype, { $bus: { get () { return bus } } }) }

Astr0junk
11.07.2017
13:01:15
и далее подписываюсь на this.vueInst.$on

Den
11.07.2017
13:01:39
И далее this.$bus

Astr0junk
11.07.2017
13:02:25
не. так не годится. мне надо интеграцию с Вью апликухой, без вытаскивания наружу Vue

Den
11.07.2017
13:02:29
Но тебе на window надо вешать

Astr0junk
11.07.2017
13:02:35
почему?

Den
11.07.2017
13:02:45
Не внутрь Vue чтоб

Astr0junk
11.07.2017
13:02:45
Вью приложение уже обладает событиями внутри

Алихан
11.07.2017
13:02:48
Есть подозрение, что у тебя контекст у this разный

Там где this.$on

И там где this.$emit

Astr0junk
11.07.2017
13:03:07
this.widget = new Widget(this.widget_node) this.widget.$on('id_changed', function(data){ domNode.setAttribute('wdgt-id', data.id) })

всё в рамках одного контекста

Den
11.07.2017
13:03:28
Закешируй this

Astr0junk
11.07.2017
13:03:46
оно уже в контексте кэшированное

Алихан
11.07.2017
13:03:46
А кидаешь откуда?

Google
Astr0junk
11.07.2017
13:04:02
из самой апликухи уже

watch:{ id(){ this.$emit('id_changed', {id: this.id} ) } },

Den
11.07.2017
13:04:11
let self = this

Алихан
11.07.2017
13:04:58
Что такое new Widget? Это какая-то обертка над vue instance?

Den
11.07.2017
13:05:28
В аппликухе же this другой?

Astr0junk
11.07.2017
13:05:30
class Widget { constructor (node) { return new Vue(options) }

Алихан
11.07.2017
13:05:39
Не-не-не брат

Astr0junk
11.07.2017
13:05:40
return new Vue(options)

Admin
ERROR: S client not available

Алихан
11.07.2017
13:05:41
Так не пойдет

Den
11.07.2017
13:05:46
new !!!!!!!!!!!!!!

Алихан
11.07.2017
13:05:55
Заведи свойство в Widget

Типа vue

и в конструкторе делай

this.vue = new Vue

А снаружи подписываешься this.widget.vue.$on

Изнутри кидаешь this.$root.$emit

Den
11.07.2017
13:06:26
new значит новый )))

Astr0junk
11.07.2017
13:06:46
И?

Алихан
11.07.2017
13:06:48
И конструктор у тебя ниче не вернет по идее

Google
Алихан
11.07.2017
13:07:06
new - это новый инстанс класса

У тебя в widget экземпляр Widget, а не Vue

Astr0junk
11.07.2017
13:07:19
@Z_Alikhan экземпляр ву апп не возвращается то есть?

Алихан
11.07.2017
13:07:25
Да

Den
11.07.2017
13:07:35
new - это новый инстанс класса
А emit по старому идет

Astr0junk
11.07.2017
13:07:54
то есть конструктор который возвращает new Vue не возвращает инстанс вью апликухи?

Алихан
11.07.2017
13:08:09
Ну консольлогни ее

По-идее не возвращает

Den
11.07.2017
13:08:20
Astr0junk закешируй шину в window

Astr0junk
11.07.2017
13:08:22
ну я как раз к тому что возвращает

Алихан
11.07.2017
13:08:55
Ну брось тогда в $root событие

Посмотри

А вообще да, я бы шину куда-то отдельно вынес

Den
11.07.2017
13:09:29
window.$bus = new Vue() в самом начале

Алихан
11.07.2017
13:09:32
Как изначально тебе и сказали

Den
11.07.2017
13:10:57
window.$bus = new Vue() в самом начале
И потом эмить по window.$bus.$emit и слушай на window.$bus.$on

Astr0junk ^

Алихан
11.07.2017
13:11:11
Ага

Страница 727 из 3900