客戶管理表格

<!--客戶管理表格-->
    <el-row>
      <el-col :span="18" :offset="3">
        <el-table :data="clientData.slice(pageNumber * (currentChangeIndex - 1),pageNumber * currentChangeIndex)"
                  align="center"
                  @selection-change="selectionChange"
        >
          <el-table-column align="center" type="selection"></el-table-column>
          <el-table-column align="center" label="客戶姓名" prop="name" width="80"></el-table-column>
          <el-table-column align="center" label="性別" prop="sex" width="50"></el-table-column>
          <el-table-column align="center" label="年齡" prop="age" width="50"></el-table-column>
          <el-table-column align="center" label="電話" prop="phone" width="110"></el-table-column>
          <el-table-column align="center" label="公司" prop="company"></el-table-column>
          <el-table-column align="center" label="公司地址" prop="address"></el-table-column>
          <el-table-column align="center" label="操作" width="150">
            <template slot-scope="sc">
              <el-button type="warning" size="mini" @click="editClick(sc.row)">編輯</el-button>
              <el-button type="danger" size="mini" @click="removeClick(sc.row)">刪除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>


//方法區
  selectionChange(selection){
        this.deleteWorker=selection
        console.log( this.deleteWorker)
      },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章