电网项目学到的知识点

级联选择器

element上的级联选择器 单选选择任意一级选项

	
	


options:[{	
	value:'',
	lable:'',
	children:[]
}],

自动生成复选框 el-table里加

@selection-change="handleSelectionChange"  

复选框选中事件

handleSelectionChange(val) {
        this.multipleSelection = val;
 },

新建、编辑、删除调接口方法

new(){
        var api = '/secureActivityPerson/alterStatus';
        var param = {
        };
        this.axios.post(api, JSON.stringify(param), {
          headers: {
            'Content-Type': 'application/json;charset=utf-8'
          }
        }).then((response) => {
          if (response.data.code == 200) {
            this.$message({
              type: 'success',
              message: '提示信息!'
            });
            this.lookUp();
          } else {
            this.$message.error(response.data.msg);
          }
        }).catch((error) => {
          console.log(error);
        });
      },


//提示信息还可以用

        this.$message({
          message: "。。。",
          type: "warning"
        });

循环出来的数据上每个都有详情：

在需要添加详情的那列里+

在方法里写这个方法

打开页面查询数据库渲染页面（table样式的）

//~~~~~~~~~tableData后台获取的数据是数组格式~~~~~~~~~~~~~
 
      
      
      //~~~~~~~~~~添加详情~~~~~~~~~~~~~~~~
         
         //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      
      
      //~~~~~~~participantsList是tableData里的数组~~~~可以+模板渲染到页面上