vue v-for的用法

效果图:

 

 

 

以ui li为例:

 <ul style="float: left;margin: 10px 0 0 71px;">
        <li class="rulecontent" v-for="(credititem, i) in creditData" :key="i">
          {{ credititem.name }}
        </li>
      </ul>

 

   return {
      creditData: [
        {
          name: "积分1"
        },
        {
          name: "积分2"
        },
        {
          name: "积分3"
        }
      ]
    };
posted @ 2019-12-27 11:23  熊大的小跟班  阅读(256)  评论(0编辑  收藏  举报