给li循环添加属性并赋值（通过添加类名禁止点击操作）

请求查询接口判断是否编辑过，没编辑过则必须从第一项开始（保存了第一项则允许点击其他项），如：

如果是已经编辑过（都可以点击），则：

实现：

html:
<li class="mainTab_li" v-for="(item, index) in tabList" :key="index" :class="{'active': activeTab === index, 'isHave': item.disabled}" @click="clickTab(index)">
  <span class="mainTab_txt">{{item.name}}</span>
</li>

对象形式动态添加类名，给每个项添加了disabled属性

js:
.then(res => {
 	if(res.code === '00000') {
	   if (res.data.label !== []) {
	     // 已经编辑过
	   } else {
	     // 给tabList除了第一项添加disabled属性并且赋值（动态添加类名，禁止操作）
	     this.tabList.map((item, index) => {
	       if (index === 0) {
	         item.disabled = false
	       } else {
	         item.disabled = true
	       }
	     })
	   }
  	 }
})

没编辑过，只允许第一项操作，其它项不允许操作

css:
.isHave {
  color: #ccc;
  pointer-events: none;
}