1.为删除按钮添加点击事件，并编辑事件

<el-button size="small" type="danger" icon="el-icon-delete" round @click="removeGoods( scope.row.goods_id )"  ></el-button>

// 删除分类按钮 单击   

async removeGoods (id) {     

console.log(id)     

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {          confirmButtonText: '确定',         

cancelButtonText: '取消',         

type: 'warning'       

}).then(async() => {           

const {data,meta}=await this.$http.delete('goods/'+id)            console.log(meta)           

if(meta.status!==200){               

return this.$message.error(meta.status)         

  }           

this.$message.success(meta.status)           

this.getGoods()       

}).catch(() => {         

this.$message({           

type: 'info',           

message: '已取消删除'         

});                 

});   

},

2.引入消息弹框组件

import { MessageBox } from 'element-ui'

// 在Vue原型对象上挂载消息弹框组件，每个vue组件都可以通过this访问到

Vue.prototype.$confirm = MessageBox.confirm