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';