vue.js中的库Hashids导入不起作用

Question

我似乎无法让库hashids与vue.js一起使用

我想如何使用它的preferend方法是：

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

这使它起作用！