Bootstrap框架使用错误

错误截图：使用效果和官网效果不同

自己的效果：

官网的效果：

错误代码：

<li v-for="index in pageNum">
     <button @click="findUserByPage(index)">{{index}}</button>
</li>

错误原因：

官网的代码在li标签里面嵌套的是a标签，但是我因为觉得button标签比较好看就修改成了button标签。

官网代码:

<li><a href="#">1</a></li>

修改后的代码：

<li v-for="index in pageNum">
    <a @click="findUserByPage(index)">{{index}}</a>
</li>

总结：Bootstrap框架中写了标签，类，方法等的不要轻易修改，不然会出现页面畸变等问题，甚至会无法启动页面。