dialogerror

安装

npm install dialogerror axios --save

main.js 引入

import Vue from 'vue'
import axios from 'axios'
import DialogError from 'dialogerror'

Vue.use(DialogError,{
  prodUrl:'http://192.168.102.52/8080'//后台接口地址ip，可自行更改
})

Vue.prototype.$axios = axios //挂在到vue实例

使用

<!-- dialogVisible为data中定义的弹窗显示或消失，form为data中传的弹窗内容 -->
<dialog-error :visible.sync="dialogVisible" :form="form"></dialog-error>
<!-- html中调用点击纠错后的方法 -->
<span @click="setContent(item)">纠错</span>

js

  data(){
    return{
      form:{}//传到弹窗中的对象，该条数据内容
      dialogVisible:false;//绑定弹窗消失或显示
    }
  }
//点击纠错后方法
  setContent(item) {
      this.form.resourcename = this.removeHtml(item["数据资源名称"]);//名称
      this.form.resourceId = item.ID;//ID
      this.form.resourcedir = dir;//所属目录
      this.form.applyaddress = item["数据归口部门"]//归口部门
      this.dialogVisible = true;
    });
  },