最近做个小程序,里面有一个换一个的功能,找了一些资料也发现很少,于是整理了一下,最后问了下朋友探讨了下实现了。
逻辑
先弄一个随机数
代码语言:javascript复制//生成随机数代码
Math.round(Math.random()*5) // 生成0~5的随机整数
Math.floor(Math.random() * 36); //Math.floor方法用于返回小于或等于一个给定数字的最大整数;Math.random方法返回 0(含)和 1(不含)之间的随机数
随机数最大的数值是你这个数组的length
然后拿到text
渲染到input
数据:
代码语言:javascript复制 tglist:[
{
key:0,
text:'宝,你问我为什么同时和那么多男生聊天,其实我只是想骗到他们可爱的表情包,来哄你开心啊。'
},
{
key:1,
text:'宝 告诉你一件事鸭 其实我不是人类 是海边的一种贝壳 叫沃氏泥德堡贝'
},
{
key:2,
text:'心动是多难得的东西啊 更何况是两个人都心动。'
},
{
key:3,
text:'就算我今天把话说的再绝,明天醒来我还是会喜欢你,就是这么没出息,这你知道…'
},
{
key:4,
text:'爱过的人都在天气app里。'
},
{
key:5,
text:'你连多说两个字多不愿意,而我却想为你每天写日记'
}
]
方法:
代码语言:javascript复制 mounted() {
this.change(); //进入页面首先执行一遍这个方法
},
/* 换一换*/
change(){
// let kongneirong = '';//声明一个空的字符串值用于后面赋值
let list = this.tglist
// let list = JSON.stringify(this.tglist) // 将 JavaScript 对象转换为 JSON 字符串
// let list = JSON.splice(this.tglist)
console.log(list)
let index = Math.round(Math.random() * 6); //Math.floor方法用于返回小于或等于一个给定数字的最大整数;Math.random方法返回 0(含)和 1(不含)之间的随机数
this.diyneirong = list[index].text //根据索引取得随机数加到code上
},