六 vue页面写法

/**
       * 获取页面数据
       */
      getTableData() {
        this.$loading();
        fetch.get(MODULE_PATH.PA_ORG + '/pa/user/page', {
          params: {
            orgId: this.orgId,
            userName: this.userName,
            userCode: this.userCode,
            pageIndex: this.page.currentPage,
            pageSize: this.page.pageSize
          }
        }).then(({data}) => {
          this.$loadingClose();
          this.page.total = data.total;
          this.pageData = data.result;
        }).catch(({msg}) => {
          this.$loadingClose();
          this.$message({
            type: 'error',
            message: msg
          });
        });
      },

<li v-for="(e,i) in userList" :key="e.id" :class="{checked:pexTypeChecked[i]}" class="vouType-detail" @click="handleCheckedVouType(e)">{{e.name}}/{{e.age}}</li>

<template slot-scope="scope">
            <span class="color-primary poi" @click="handleModify(scope.row)" v-if="activeProcess.isStart === SWITCH.ACTIVE || (activeProcess.isEnd === 2 && scope.row.canSubmit === SWITCH.ACTIVE)" :key="Math.random()">修改</span>
            <span class="color-primary poi" @click="handleSubmit(scope.row)" v-if="activeProcess.isStart === SWITCH.ACTIVE || (activeProcess.isEnd === 2 && scope.row.canSubmit === SWITCH.ACTIVE)" :key="Math.random()">送审</span>
            <span class="color-primary poi" @click="handleRemove(scope.row)" v-if="activeProcess.isStart === SWITCH.ACTIVE || (activeProcess.isEnd === 2 && scope.row.canSubmit === SWITCH.ACTIVE)" :key="Math.random()">删除</span>
            <span class="color-primary poi" @click="handleRemove(scope.row)" v-if="scope.row.canRecovery === 1" :key="Math.random()"  >撤回</span>
            <span class="color-primary poi" @click="handleProcessPreview(scope.row)" :key="Math.random()">查看流程</span>
</template>