vue-directives – Tarik Billa

A custom directive similar to v-if in vuejs

April 11, 2024 by Tarik

Try to use this hack: Vue.directive(‘permission’, (el, binding, vnode) => { if (!isUserGranted(binding.value)) { // replace HTMLElement with comment node const comment = document.createComment(‘ ‘); Object.defineProperty(comment, ‘setAttribute’, { value: () => undefined, }); vnode.elm = comment; vnode.text=” “; vnode.isComment = true; vnode.context = undefined; vnode.tag = undefined; vnode.data.directives = undefined; if (vnode.componentInstance) { vnode.componentInstance.$el = … Read more

Difference between v-model and v-bind on Vue.js?

June 16, 2023 by Tarik

From here – Remember: <input v-model=”something”> is essentially the same as: <input v-bind:value=”something” v-on:input=”something = $event.target.value” > or (shorthand syntax): <input :value=”something” @input=”something = $event.target.value” > So v-model is a two-way binding for form inputs. It combines v-bind, which brings a js value into the markup and v-on:input to update the js value. The js … Read more

Difference between @click and v-on:click Vuejs

October 10, 2022 by Tarik

There is no difference between the two, one is just a shorthand for the second. The v- prefix serves as a visual cue for identifying Vue-specific attributes in your templates. This is useful when you are using Vue.js to apply dynamic behavior to some existing markup, but can feel verbose for some frequently used directives. … Read more