如何在vuejs中显示26位数字的长id到8位数字的短id

Question

我在vuejs中显示长ID7e63c0d6-6310-4e52-ab8e-bb6f444f317e到7e63c0d6时遇到问题有人能帮我怎么显示到8位吗

这是我写的代码来显示id:

<span class="font-weight-bold">{{tutorial.id}}</span>

谢谢

Answer 1

您可以创建一个方法来将第一个数字剪切到破折号：

1.方法：

<span class="font-weight-bold">{{ shortId(tutorial.id) }}</span>

methods: {
shortId(id) {
const idx = id.indexOf('-')
return id.slice(0, idx) // returns '7e63c0d6'
}
}

2.内联方法：你也可以在模板区域中进行，但前提是你知道有八个字符可以缩短：

<span class="font-weight-bold">{{ tutorial.id.slice(0, 8) }}</span>