通过v-for，使用渲染多个元素，基于bootstrap实现简单分页
<div id="app">
<nav>
<ul class="pagination">
<template v-for="page in pages">
<li v-if="page==1" class="disabled"><a href="#">上一页</a></li>
<li v-if="page==1" class="active"><a href="#">{{page}}</a></li>
<li v-else><a href="#">{{page}}</a></li>
<li v-if="page==pages"><a href="#">下一页</a></li>
</template>
</ul>
</nav>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
pages:10
}
})
</script>
转载请注明原文地址: https://ju.6miu.com/read-17970.html
