如何使用vue输入掩码插件

Question

我正在尝试在我的应用中使用this插件。我试图在我的组件中使用该指令，如文档中所示：

<input v-if="edit" type="text" v-mask="'999.999.999-99'">

但是，我得到了：

  

Uncaught（承诺）TypeError：无法读取属性'value'   未定义

开，期待在控制台中，我可以看到这是错误发生的地方：

exports.default = {
  bind: function bind(el, binding) {
    var isMoney = false;
    if (binding.value.length < 1) return; // this is where the error happens
    var inputText = getInputText(el);

我正在我的组件中导入插件，如下所示：

import AwesomeMask from 'awesome-mask';
  export default {
      props: ['data'],
      data () {
        return {
          player: this.data.data,
          edit: false,
        }
      },
      directives: {
        'mask': AwesomeMask
      }
  }

我做错了什么？