electron-vue-admin项目重构（四）页面中的接口使用之删除

template代码：

<el-button
            size="mini"
            type="danger"
            icon="el-icon-delete "
           @click="deleteName(scope.$index, scope.row)"
          >删 除</el-button>

script代码：

//写自己接口js文件的路径
import { remove} from '@/api/chickenType'

//注意不要使用dlete未方法名称，因为delete为保留字段
 deleteName(index,row) {
      console.log(row.id);
      this.$confirm('删除此名字?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          console.log(row.id);
          remove({id:row.id}).then((res=>{
         this.$message.success("删除成功"),
         this.getData()//这里是删除后再一次获取页面数据进行刷新，getData的代码在上一节中
          }))
        })
    },