@wufapexef

2-way binding в директиве почему не работает?

Есть такая директива и теплейт

Vue.directive('tack', {
  bind (el, binding, vnode) {
    el.style.position = 'fixed'
    el.style.top = binding.value + 'px'
  }
})


<template>
  <div class="hello">
    <input type="text" v-model.lazy="directiveValue">
    {{directiveValue}}
    <h1 v-tack="directiveValue">{{ msg }}</h1>
  </div>
</template>


export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      directiveValue: 0
    }
  }
}


Почему при вводе в инпут и изменении значений directiveValue это значение не передается в директиву?
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
0xD34F
@0xD34F
Хук bind вызывается однократно, в момент привязки директивы к элементу. Используйте update для обработки изменений.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
14 авг. 2018, в 22:43
350 руб./за проект
14 авг. 2018, в 19:03
10000 руб./за проект
14 авг. 2018, в 18:10
1000 руб./в час