/vue-v-for-hook

重写vue的v-for,在v-for渲染时增加data-index属性

Primary LanguageJavaScript

介绍

重写vue的v-for,在v-for渲染时增加data-index属性

vue版本要求

该项目适用于vue2.x的项目

使用方式

npm i vue-v-for-hook --save

// main.js
import VueVForHook from 'vue-v-for-hook'

Vue.use(VueVForHook, {
  indexName: '自定义index名称,可选,默认为data-index'
})
// xxx.vue 组件内
<div v-for="item in 10" :key="item">{{item}}</div>

效果

<div data-index="0">0</div>
<div data-index="1">1</div>
<div data-index="2">2</div>
<div data-index="3">3</div>
<div data-index="4">4</div>
...