vue element UI 组件相关问题

/*	:data树形结构的数据
	show-checkbox 显示复选框
	ref的绑定 可以实现this.$refs.DeviceGroupTree拿到此控件
	node-key 给节点的编号【树形数据结构中有id字段】
	check-stricty 父、子节点之间没有关联【不写这个，选了父节点会默认选择全部的子节点】
	@check 复选框选择、取消选择时触发的事件 */

// 在script标签中写方法
checkGroupNode: function (a, b) {
    if (b.checkedKeys.length > 0) {
     this.$refs.DeviceGroupTree.setCheckedKeys([a.id]);
    }
}

// 接下来的代码都在终端中输入
 npm view element-ui versions // 查看可升级到的element UI的版本
 npm update element-ui //然后更新到最新的版本，如果要指定版本，就接@版本号
 npm run serve // 启动项目，这里启动用serve还是dev自行确认下

// value 参数是标签中绑定的value值，作为参数传入
// 这里是为了实现多级级联多选时候，选中的节点，只取最后一项内容保存在school中
handleChange(value) {      
    for (let item of value) {       
        this.three.push(item[item.length - 1]);             
    }  
}

data:{
	defaultprops:{
        value:"id",
        label:"name",
        children:"arrayData"
    }
}

//级联学校列表    
async getClubLists() {      
    var res = await getArea();      
    if (res.code === "success") {        
        this.clubLists = res.data;      
    }    
},

props: {        
    value: "dictionaryId",        
    label: "value",        
    children: "childDomain"      
};

handleareaChange() {      
    this.vals = this.getCascaderObj(this.addressValue, this.clubLists);    
},

// 获取级联中的内容    
getCascaderObj(val, opt) {      
    return val.map(function(value, index, array) {        
        for (var itm of opt) {          
            if (itm.dictionaryId == value) {            
                opt = itm.childDomain;            
                return itm;          
            }  }        
        return null;    });   },  

	delLists() {
            var ids = this.$refs.multipleTable.selection;
            var checks = [];
            if (ids.length === 0) {
                this.$message.warning("请选择");
                return false;
            } else {
                for (let i in ids) {
                    checks.push(ids[i].id);
                }
                var checkIds = checks.join("%");
            }
            this.$confirm("此操作将永久删除项数据, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                .then(() => {
                /*getDel是一个接收checkIds参数来删除的接口*/
                    getDel(checkIds).then(res => {
                        if (res.code === "success") {
                            this.$message({
                                type: "success",
                                activity: "删除成功!"
                            });
                            /*删除之后，重新获取table展示的数据，对当前页面进行刷新*/
                            this.getList();
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        activity: "已取消删除"
                    });
                });
        }

// 订单状态    
			switchCode(row, column) {
                    let Status = "";
                    switch (row.orderStatus) {
                        case 1:
                            Status = "已付款";
                            break;
                        case 2:
                            Status = "已发货";
                            break;
                        case 3:
                            Status = "已签收";
                            break;
                        case 4:
                            Status = "取消交易";
                            break;
                    }
                    return Status;
                }

//  rules里面填写
productPrice: [          
    { type: 'number', message: "必须为数字值", trigger: "blur" },          
    { required: true, message: "请输入积分", trigger: "blur" }        
],  

giveSubmit(formName) {      
    this.productDialog = false;   
    this.$refs[formName].resetFields();    
},