Vue--findIndex方法的使用原理

原理：

// 根据id得到下标
// 默认去遍历list集合，将集合中的每个元素传入到function的item里，
var index = this.list.findIndex(function(item){
//根据item中的id属性来判断这个item是否是上面id中
//对应的数据，如果是返回一个true ,否返回false,继续下面的一条数据的遍历，以此类推
return item.id ==id; //如果返回true，那么findIndex方法会将这个item对应的id返回到外面接受
});

 

实例：

  1 
  2 
  3 
  4 
  5     
  6     
  7     
  8     
  9     
 38 
 39 
 40 
 41     

 42         

 43             编号: 品牌名称: 
 44             添加
 45         
 46         
品牌名称：
 47         

 48              49 50 51 52 53 54 55if="list.length <= 0">
 56 57 58 59for="(item,key,index) in list" :key="index">
 60 61 62 63 64 65 66

                 

                     
编号
                     
品牌名称
                     
创立时间
                     
操作
                 
                 
                     
没有品牌数据
                 
                 
                 
                     
{
     {item.id}}
                     
{
     {item.name}}
                     
{
     {item.ctime}}
                     
                     
删除
                 
             
 67         
 68 
 69     
 70 
 71 
 72 
 73 
 74 

 

转载于:https://www.cnblogs.com/mrszhou/p/7858992.html