为什么vue-resize-directive没有被触发？

Question

我有一个.vue组件文件，我想要检测元素的大小调整，而我无法正确连接vue-resize-directive。

我正在测试的元素是一个表格页脚，但我与div的结果相同。这是我模板中的代码：

<tfoot><tr>
    <td :colspan="properties.length" v-resize="onResize"></td>
</tr></tfoot>

我的脚本文件包括：

var resize = require('vue-resize-directive');
module.exports = {
  directives: { resize },
  methods: {
    onResize: function() {
        console.log("resized");
    }
  }
}

组件正确编译和呈现，包括指令添加的div.resize-sensor元素，但调整表（或整个窗口）的大小不会导致任何记录到控制台或任何警告或错误。< / p>

有什么想法吗？