vue 用mixin写一个删除事件

src/layout/mixin/delRow.js

export default function(config) {
  const { url = '' } = config
  return {
    methods: {
    // 删除
      delRow(id) {
        this.$confirm('是否删除该信息?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          url(id).then(res => {
            if (res.code === 20000) {
              this.$message({
                showClose: true,
                message: res.message,
                type: 'success'
              })
              this.queryListByPage()
            }
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
      }
    }
  }
}

<template v-slot="scope">

          <el-button

            type="text"

            @click="delRow(scope.row.lngparamid)"

          >删除</el-button>

        </template>

      </el-table-column>

 

 

<script>

z import DelRow from '@/layout/mixin/delRow'
const delRowMixin = new DelRow({ url: delData })
export default {
  name: 'ExtendedFieldSettingTableArea',
  mixins: [calculateCommonTableHeight, delRowMixin],
}

</script>