Vue пользовательская директива не регистрируется

Question

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

мой код в pin-directive.js

export default {
  bind(el) {
    console.log('hi pin');
    el.style.position = 'absolute';
    el.style.bottom = '5px';
    el.style.right = '5px';
  },
  inserted(el) {
    console.log(el);
  },
};

Теперь я использую в своем файле Vue, как показано ниже:

import { pinDirective } from '../shared/pin-directive';
// some code here
directives: { pin: pinDirective },

<span  class="sale" v-if="selectedPart.onSale" v-pin>Sale!</span>

Но, похоже, этот стиль не применяется к элементу span.даже это не лог консоль.

Answer 1

Попробуйте изменить эту строку

import { pinDirective } from '../shared/pin-directive';

На это ..

import pinDirective from '../shared/pin-directive';