可以使用Math.random()方法生成一个0到1之间的随机数，然后将其乘以10000，再使用Math.floor()方法向下取整，即可得到一个4位随机数。
具体代码如下：
```
<template>
<div>
<p>随机流水号：{{ serialNumber }}</p>
</div>
</template>
<script>
export default {
data() {
return {
serialNumber: ''
}
},
mounted() {
this.generateSerialNumber()
},
methods: {
generateSerialNumber() {
const randomNum = Math.floor(Math.random() * 10000)
this.serialNumber = `SN${randomNum.toString().padStart(4, '0')}`
}
}
}
</script>
```
在mounted钩子函数中调用generateSerialNumber方法，该方法生成一个4位随机数，并使用padStart()方法在前面补0，最后将其赋值给serialNumber变量。在模板中显示serialNumber即可。
本网转载内容版权归原作者和授权发表网站所有，仅供学习交流之用，如有涉及版权问题，请通知我们尽快处理。