直播app开发搭建，Vue如何绑定一个每两秒生成的随机数

1、封装范围内随机整数

// 把随机数公式进行封装<br>// 1. 准备一个函数, 接受几个参数<br>//    两个参数, 分别是 a 和 b<br>function randomNum(a, b) {<br>  // 2. 判断一下两个数字的大小关系<br>  var max = Math.max(a, b)<br>  var min = Math.min(a, b)<br>  // 3. 求 a ~ b 两个数字之间的随机整数<br>  var res = Math.floor(Math.random() * (max - min + 1)) + min<br>  // 4. 把计算出来的随机整数当做返回值返回出去<br>  return res<br>}<br>// 将来使用的时候<br>var res = randomNum(50, 20)<br>console.log(res, 'res')

2、利用 this.$nextTick

保守起见可以加上，其实不加也实现效果了

项目内复现：

<template><br>  <div><br>    <p>{{ num }}</p><br>  </div><br></template><br> <br><script><br>export default {<br>  data() {<br>    return {<br>      num: null,<br>    };<br>  },<br>  mounted() {<br>    setInterval(() => {<br>      this.randomNum(100, 1000);<br>    }, 1000);<br>    // 保守起见可加上 this.$nextTick<br>    // this.$nextTick(() => {<br>    //   setInterval(() => {<br>    //     this.randomNum(100, 1000);<br>    //   }, 1000);<br>    // });<br>  },<br>  methods: {<br>    randomNum(a, b) {<br>      let max = Math.max(a, b);<br>      let min = Math.min(a, b);<br>      let res = Math.floor(Math.random() * (max - min + 1)) + min;<br>      this.num = res;<br>      // return res;<br>    },<br>  },<br>};<br></script><br> <br><style scoped><br> <br></style>

以上就是直播app开发搭建，Vue如何绑定一个每两秒生成的随机数，更多内容欢迎关注之后的文章