zoukankan      html  css  js  c++  java
  • 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
    

      

  • 相关阅读:
    进程 线程 协程之间的区别与联系
    http协议基础 5.关于http请求响应报文的总结
    http协议基础 4. http请求报文格式
    http协议基础 3.URI URL 与URN之间的联系与区别。
    python面试题----持续更新中
    python之禅
    Django 2.0 报错解决方案----持续更新中
    4
    3
    2
  • 原文地址:https://www.cnblogs.com/dyy-dida/p/11608351.html
Copyright © 2011-2022 走看看