vue.js 中的库哈希导入无效

Question

我似乎无法让库 hashids 与 vue.js

一起工作

我想使用它的首选方法是：

<template>
    <div class="container">
        {{ hashids.encode('1') }}
    </div>
</template>

<script>
const Hashids = require("hashids")

export default {
    data () {
        return {
            Hashids: Hashids,
        }
    },

}
</script>

Answer 1

尝试在已挂载的挂钩中初始化 Hashid，如：

<template>
    <div class="container">
        {{ Hashids.encode('1') }}
    </div>
</template>

<script>
  const Hashids = require("hashids")

  export default {
    data() {
      return {
        Hashids: null,
      }
    },
    mounted() {
        this.Hashids = new Hashids.default()
    }

  }
</script>

成功了！