vuejs кастом директива с директивами в нутри

303
01 марта 2017, 21:29

Как можно в кастом директиве через innerHTML задать хтмл с другими директивами или интерполяцией:

    Vue.directive('error', {
        bind: function (el, binding) {
            el.innerHTML = '<div class="errorFormContainer brand-danger" v-show="serverError != null" v-text="serverError"></div>';

Получется сейчас директива работает, а директивы у дива не отрабатувают.

Answer 1

Проблема решается через создание компонента:

 Vue.component('err', {
        template: '<div>{{errMsg}}</div>',
        methods:{ ...

Затем :

<err></err>
READ ALSO
Вопроизведение только одного ролика youtube на странице
javascript

Вопроизведение только одного ролика youtube на странице

Есть страница, на которой несколько видео с youtubaВидео выводятся с помощью foreach

 339
Добавить класс корзине если она не пуста
javascript

Добавить класс корзине если она не пуста

Добрый день всем! Помогите решить проблему) Есть кусок кода

 313
Не получается отправить post запрос json
javascript

Не получается отправить post запрос json

В приведённом вами коде нет ошибок, вот рабочий пример:

 373
Переключение цветов блока по клику
javascript

Переключение цветов блока по клику

В общем, есть 6 блоков, при клике на блок, он должен стать синим, вот мой скрипт

 359