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

227
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

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

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

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

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

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

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

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

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

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

 279