您好,欢迎来到五一七教育网。
搜索
您的当前位置:首页vue 中 获取数据以后,操作DOM

vue 中 获取数据以后,操作DOM

来源:五一七教育网
 methods:{
        getDeliveryProductInfo() {
            axios.get('/purchase/thirdCash/deliveryMethod/getProduct', {
                params : { //请求参数
                    orderId: document.getElementById('orderid').value
                }
            }).then(response => {
                this.tableData = response.data.list;
                SCF.colSpan.totalColumn(this);
            });
        },
    }

  main.js

SCF.colSpan = {
        totalColumn : function(_this){
            _this.$nextTick(()=>{
                let totalTable = document.getElementsByClassName("el-table__footer-wrapper");
                for(let i=0;i<totalTable.length;i++){
                    let clospan = 1;
                    console.log(document.getElementsByClassName("el-table__footer-wrapper"));
                    let table = document.getElementsByClassName("el-table__footer-wrapper")[i].querySelector("table").querySelectorAll("tr")[0];
                    let pagis = document.getElementsByClassName("el-table__footer-wrapper")[i].getElementsByTagName("td");
                    if(pagis[1].querySelector(".cell").innerHTML == ''){
                        for(let j=1;j<pagis.length;j++){
                            if(pagis[j].querySelector(".cell").innerHTML == ''){
                                clospan += 1;
                            }else{
                                for(let k=clospan-1;k>=1;k--){
                                    table.removeChild(pagis[k]);
                                }
                                pagis[0].setAttribute("colspan", clospan);
                                return ;
                            }
                        }
                    }
                }
            });
        }
    }



    // 声明该公共方法
    Vue.prototype.SCF = SCF

  

转载于:https://www.cnblogs.com/dyy-dida/p/11608351.html

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 517ttc.cn 版权所有 赣ICP备2024042791号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务