vue案例

1、佛系挑选

引用:不知道中午应该吃什么?用vue写个实例帮我们抉择吧 - 掘金 (juejin.cn)

1、搭建框架

vue案例_第1张图片

 需要:

1、收集用输入的随机选择的个数--v-model 进行绑定

2、收集用户输入的数据--监听回车事件

3、点击按钮,开始随机选择,并将结果进行显示

vue案例_第2张图片

 textarea输入的数据,按照空格分行之后,怎么获取每个元素:this.inputdata.split('\n')

从一个数组中,随机选择一个或者多个元素的方法:

1、var item = items[Math.floor(Math.random()*items.length)];

2、function getRandomArrayElements(arr, count) {
    var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index;
    while (i-- > min) {
        index = Math.floor((i + 1) * Math.random());
        temp = shuffled[index];
        shuffled[index] = shuffled[i];
        shuffled[i] = temp;
    }
    return shuffled.slice(min);
}





关键:先将用户输入的数据,利用回车作为切割符,转换为数组后,再利用Math.random产生最忌数,来获取数组的下标,再将挑选出来的数据进行显示

2、人生计时器

怎么将date类型的input标签绑v-model的value

 怎么将date类型的input的时间转换为时间戳

 计算时间戳的时候有点迷糊

vue案例_第3张图片





vue案例_第4张图片

 

你可能感兴趣的:(前端学习,前端)