文章/答案/技术大牛

发布

社区首页 >问答首页 >让Text Mask Library与Vue一起使用-错误:不提供名为'default‘的导出

问让Text Mask Library与Vue一起使用-错误:不提供名为'default‘的导出
EN

Stack Overflow用户

提问于 2020-09-06 12:13:47

回答 1查看 83关注 0票数 0

我可以让vanilla javascript版本运行起来：

var maskedInputController = vanillaTextMask.maskInput({
    inputElement: document.querySelector('.myInput'),
    mask: [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/],
});

<input placeholder="__/__/____" class="myInput"></input>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vanilla-text-mask@5.1.1/dist/vanillaTextMask.min.js"></script>

但我不知道如何让vue版本运行。它说它不提供名为“default”的导出。

Github地址：https://github.com/text-mask/text-mask

Vue说明在这里：https://github.com/text-mask/text-mask/tree/master/vue

new Vue({
  el: '#app',
  components: {
    MaskedInput
  },
  data() {
    return {
      phone: '',
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <label>Phone Number</label>
  <masked-input type="text" name="phone" class="form-control" v-model="phone" :mask="['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/]" :guide="false" placeholderChar="#">
  </masked-input>
</div>

<script type="module">
  import MaskedInput from 'https://cdn.jsdelivr.net/npm/vue-text-mask@6.1.2/dist/vueTextMask.min.js';
</script>

vue.js

text-mask

javascript

回答 1

Stack Overflow用户

发布于 2020-09-06 12:44:57

在github问题中找到了答案：

const MaskedInput = window.vueTextMask.default
new Vue({
    el: '#app',
    components: { MaskedInput },
    data: {
        date: '',
        mask: [/\d/, /\d/, '/', /\d/, /\d/, '/', /\d/, /\d/, /\d/, /\d/]
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-text-mask@6.1.2/dist/vueTextMask.min.js"></script>
<div id="app">
    Date:
    <masked-input v-model="date" :mask="mask" placeholder="__/__/____"></masked-input>
</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63760640

复制

相似问题

问让Text Mask Library与Vue一起使用-错误:不提供名为'default‘的导出
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让Text Mask Library与Vue一起使用-错误:不提供名为'default‘的导出EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让Text Mask Library与Vue一起使用-错误:不提供名为'default‘的导出
EN