Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Дружим JQuery Bootstrap Tooltip и Vue JS с помощью кастомной директивы

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

В отдельном файле

import Vue from 'vue'

const tooltip = Vue.directive('tooltip', {
   inserted(el, binding) {
        $(el).tooltip({
            trigger: 'hover',
            placement: binding.arg
        })
    },
});

export default tooltip;

В vue компоненте импортируем этот файл (путь вставляем свой)

import tooltip from "../../directives/Tooltip.js";

добавляем соответствующую опцию

directives:{
    tooltip
  },

и используем как обычную директиву vue

в моём случае

 ... 

Дока по директивам

Share the post

Дружим JQuery Bootstrap Tooltip и Vue JS с помощью кастомной директивы

×

Subscribe to Gtalex – о работе в сети и не только

Get updates delivered right to your inbox!

Thank you for your subscription

×