В продолжении предыдущей статьи, уже в собственном авторстве как элемент модуля
В отдельном файле
|
1 2 3 4 5 6 7 8 9 10 11 12 |
import Vue from ‘vue’ const tooltip = Vue.directive(‘tooltip’, { inserted(el, binding) { $(el).tooltip({ trigger: ‘hover’, placement: binding.arg }) }, }); export default tooltip; |
В vue компоненте импортируем этот файл (путь вставляем свой)
|
1 |
import tooltip from “../../directives/Tooltip.js”; |
добавляем соответствующую опцию
|
1 2 3 |
directives:{ tooltip }, |
и используем как обычную директиву vue
в моём случае
|
1 |
<a v–tooltip:top title=“Повернуть макет на 90° против часовой стрелки” ... > ... </a> |