vuejs7-v-for指令3-创新互联

<!DOCTYPE html>

为洱源等地区用户提供了全套网页设计制作服务,及洱源网站建设行业解决方案。主营业务为网站建设、成都网站建设、洱源网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box

}

html {

font-size: 12px;

font-family: Ubuntu, simHei, sans-serif;

font-weight: 400

}

body {

font-size: 1rem

}

#app {

margin: 0 auto;

max-width: 640px

}

.pagination {

display: inline-block;

padding-left: 0;

margin: 21px 0;

border-radius: 3px;

}

.pagination > li {

display: inline;

}

.pagination > li > a {

position: relative;

float: left;

padding: 6px 12px;

line-height: 1.5;

text-decoration: none;

color: #009a61;

background-color: #fff;

border: 1px solid #ddd;

margin-left: -1px;

list-style: none;

}

.pagination > li > a:hover {

background-color: #eee;

}

.pagination .active {

color: #fff;

background-color: #009a61;

border-left: none;

border-right: none;

}

.pagination .active:hover {

background: #009a61;

cursor: default;

}

.pagination > li:first-child > a .p {

border-bottom-left-radius: 3px;

border-top-left-radius: 3px;

}

.pagination > li:last-child > a {

border-bottom-right-radius: 3px;

border-top-right-radius: 3px;

}

</style>

</head>

<body>

<div id="app">

      <ul class="pagination">

          <li v-for="n in pageCount">

              <a href="javascripit:void(0)" v-bind:class="activeNumber === n + 1 ? 'active' : ''">{{ n + 1 }}</a>

          </li>

      </ul>

  </div>

<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>

<script>

var vm = new Vue({

el:"#app",

data:{

activeNumber:1,

pageCount:10

}

});

</script>

</body>

</html>

vuejs7-v-for指令3

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。

网站名称:vuejs7-v-for指令3-创新互联
文章网址:https://www.cdcxhl.com/article4/coihie.html

成都网站建设公司_创新互联,为您提供域名注册标签优化关键词优化面包屑导航服务器托管网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

营销型网站建设