一些有意义的代码片断

精典代码片断:

```

复杂的状态判断

<template v-slot="{row}">

  <el-tag :type="row.status == 0 ? 'success' : row.status == 1 ? 'danger' : 'warning'">

    {{row.status == 0 ? '历史' : row.status == 2 ? '预备' : '当前'}}

  </el-tag>

</template>

```

```

先切割然后在拼接

scope.row.userList.split(',').join(',')

```

```

表格套下拉选择框

<template slot-scope="scope">

  <el-select v-model="scope.row.name" placeholder="请选择" @change="handleNameChange(scope.row)">

    <el-option v-for="item in List" :key="item.id" :label="item.label" :value="item.name"></el-option>

  </el-select>

```

```

切割一个字符串,然后利用元素在另一个对象区配返回成新对象

const userList = row.userList.split(',')

this.editTableData = userList.map(name => {

  const item = this.List.find(user => user.name === name)

  return {

    name: item.name,

    age: item.age,

    permission: item.permission,

    phone: item.phone

  }

})

```

```

// 保存当前修改的行,表格一行记录起来的方法,这一行在别的地方需要用

  this.currentIndex = this.personList.indexOf(row)

  console.log("保存到几行,记录行号" + this.currentIndex)

},

```

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

推荐阅读更多精彩内容

  • 目标:创建学院管理模块(学院和学校关联起来)一、后台三步骤:1、打开projectName文件,在models目录...
    oy11阅读 291评论 0 0
  • 第一步:创建集群 image.png 如果已经有了集群的界面如下 image.png 第二步:创建用户(注意记住帐...
    张钰张钰张钰阅读 333评论 0 0
  • 第一步:创建集群 image.png 如果已经有了集群的界面如下 image.png 第二步:创建用户(注意记住帐...
    罗双海阅读 257评论 0 0
  • 普通表格循环方式情况下校验: <el-col:span="24"> <el-form-item> <th v-fo...
    Zane_6650阅读 1,814评论 0 0
  • <template> <el-row :gutter="10" class="formWrap"> ...
    南漂一枚阅读 238评论 0 0