Vue.js 2, modification des données de la directive

Question

Utilisation de composants à un seul fichier, comment puis-je modifier une propriété de données d'une directive?

Ainsi, par exemple, j'ai ...

export default { 
    name: 'app', 
    data: function() { 
     return { 
      is_loading: true 
     } 
    }, 
    directives: { 
     do_something: { 
      bind: function(el, binding, vnode) { 
       // Change the is_loading property 
      } 
     } 
    } 
} 

Au début, je pensais que je pouvais faire this.is_loading = false mais this est undefined.

Answer 1

Pour se référer à this dans une directive que vous pouvez simplement utiliser vnode.context, donc en vous la directive que vous auriez:

do_something: { 
     bind: function(el, binding, vnode) { 
      // same as this.is_loading in a directive 
      vnode.context.is_loading = false; 
     } 
    } 

Ensuite, dans votre balisage que vous feriez:

<div v-do_domething></div> 

Voici le jsFiddle : https://jsfiddle.net/3qvtdgyd/