.public-btn(v-if="!isLast" @click="nextItem" v-bind:class="{'public-btn-gray': unclickable}") 下一题 .public-btn(v-else @click="submitItem" v-bind:class="{'public-btn-gray': unclickable}") 提交
可以看到，除了事件我还绑定了class，那个public-btn-gray的生存与否取决于unclickable。
先说没选是灰色的处理：
这个思路上就是肯定是默认提交按钮就是灰色的，也就是有着public-btn-gray类名的。
这里有一个用于描述按钮是不可点击状态的变量unclickable，专门管理按钮是否可点击的。
初始化时是true不可点击的。这样，按钮的gray类名public-btn-gray就加了。
逻辑上，点击按钮的时候先判断这个值，如果为true就提示用户要先选择答案：
if(this.unclickable){ alert('您还没有选择答案哦！'); }else{// do someting you wanted;}
然后是 选择选项后可提交 。
那这不好说嘛！我只要点击事件一触发，就把可点击状态放开不就好了嘛！
那好，我是用户，我在如图第15题选择a、c解锁提交按钮，然后我再点击a、c抹掉我的记录，
但这时我的提交按钮已打开，我可以在他毫无防备的情况下趁虚而入（中华文化真博大，这是第三个同意义的成语了）！哈哈哈。
这当然不可以了，直接点击事件就放开下一题按钮，在单选场景下是通的。但是多选的时候我们还要再防御一层。
那就是：
// 置灰提交按钮与否 if(this.chooseNumStr.length > 0){ //多选的时候，因为再次点击会把记录抹除，所以chooseNumStr会是动态改变的， //如果一个也没选择，多选也好单选也罢，这个字符串肯定是空的，故而判断长度小于0就不让他提交！ this.unclickable = false; }else{ // 没有选东西，就置灰按钮 this.unclickable = true; }
耶！第六点 多选功能与下一题 按钮高亮可跳转功能 的结合也完成啦
至此，关于按钮的样式和逻辑就完毕了，每次点击下一题下一题的功能就跑通了。
但是，一直跑到 第十四题点击下一题 ，15题内按钮文案还是下一题，可是这是最后一题了啊，讲点理吧！
好，那就讲理点，让他改成提交，这时下一题和提交按钮换岗。
换岗的时机我是在数据响应回来后判断本题目的题号/id，如果是14题，那么下一题就是最后一题，点击下一题就让提交按钮上岗，下一题退休。
说了这么多，说的最多的是点击下一题。所以在下一题里绑定的事件，就有一个角落是来干这个事的：
// 下一题 if(_this.state.ExamInfo.QuestionID == 14){ //点击下一题，数据响应回来后，新数据替换前，判断如果当前是第14题就改变按钮。 //判断切换下一题和提交按钮 _this.isLast = true; }
然后，提交和下一题俩按钮的样式就靠这个状态值控制，只要在事实的时候改变状态值让他俩交岗即可。
（仔细总结会发现，都是这么一个套路，数据改变某个状态值，状态值绑定在结构上，影响视图的不同展示）
后来，还发现一个隐藏的问题：
点击下一题后，因为是单页应用，页面结构和数据都没有刷新， 上一道题用户选择的结果绑在li上边的样式还需要清空，
所以每次点击下一题甚至提交后都需要在重新填新题目数据时把li的样式选中都清空，也就是把类名都清空。
// 样式清空 for (let i = 0; i < _this.$refs.liId.length; i++) { _this.$refs.liId[i].className = ''; }
也需要把上一题的选择数据清空，也就是 chooseNumStr字符串='';
且如果用户翻到下边再还数据，虽然用户看着像换了页面，但其实还在这一页。为了把假象做的更逼真点，需要页面定位到顶部：
// 点击下一题，新页面应该定位到顶头题干位置 document.body.scrollTop = 0;
正当我看着这个天衣无缝的假功能玩的开心的时候，测试大大跑过来说:
~我快速点击多次提交就提交了好多次。。
~exm??!你没事一直点提交干嘛？
~我是测试
~好，大大，你别说了，我这就改嘎。
第⑧个问题： 多次点击下一题/提交按钮
好吧，这个问题确实是我没考虑到，以后做这种表单提交的，肯定要防御用户多次点击提交。
有了上面几次的经验，我现在很会利用data里某个变量来充当状态记录了！
定义一个变量isClicked专门用于看管按钮是否被提交过，如果在可点击的状态下点击过，那么抱歉，逻辑中断！
初始化这个isClicked肯定是没有点击状态，为false，然后在下一题和提交按钮的点击事件中判断
if(!this.isClicked){//没点击过 //该干啥干啥！ }else{ //该干嘛干嘛去！ }
所以，到底应该干吗？！
终于说到最后，我好困，如果不是自娱自乐我可能坐着睁眼就睡着了，不，我已经进入梦乡了
说到拿响应结果,，这无非就是 根据相应结果弹层 而已，我不想说什么了。
睡了。晚安世界~
总结