vue实现自定义多选与单选的答题功能

2020-06-13 10:48:13易采站长站整理

document.body.scrollTop = 0;

正当我看着这个天衣无缝的假功能玩的开心的时候,测试大大跑过来说:

~我快速点击多次提交就提交了好多次。。

~exm??!你没事一直点提交干嘛?

~我是测试

~好,大大,你别说了,我这就改嘎。

第⑧个问题: 多次点击下一题/提交按钮

好吧,这个问题确实是我没考虑到,以后做这种表单提交的,肯定要防御用户多次点击提交。

有了上面几次的经验,我现在很会利用data里某个变量来充当状态记录了!

定义一个变量isClicked专门用于看管按钮是否被提交过,如果在可点击的状态下点击过,那么抱歉,逻辑中断!

初始化这个isClicked肯定是没有点击状态,为false,然后在下一题和提交按钮的点击事件中判断


if(!this.isClicked){//没点击过
//该干啥干啥!
}else{
//该干嘛干嘛去!
}

所以,到底应该干吗?!

终于说到最后,我好困,如果不是自娱自乐我可能坐着睁眼就睡着了,不,我已经进入梦乡了

说到拿响应结果,,这无非就是 根据相应结果弹层 而已,我不想说什么了。

睡了。晚安世界~

 

总结

以上所述是小编给大家介绍的vue实现自定义多选与单选的答题功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!