JS 取余%的魅力

:class="{'leftm':(index%2 == 1)}"

判断index除以2取余等于1就用左边的class

.leftm{

margin-left 1.6vw;

}

DEMO

CSS部分


.leftm{

width:100px;

  height:100px;

  background:yellow;

  float:right;

}

DIV部分

<div id="app">

  <div v-for="(item,index) in img" :class="{'leftm':(index%2 == 1)}">

      {{item}}

</div>

JS部分

  var app =new Vue({

el:'#app',

    data: {

// message: 'Hello Vue!',

      img:[

{

message:1,

        },

        {

message:1,

        }

]

}

})

console.log(1%2)

</script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。