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
    

      

  • 相关阅读:
    阿里巴巴图标库在项目中的用法
    js对象的深拷贝
    Ajax
    HTML5新增的canvas是什么--通过刮奖效果学习
    一些最基础的面试题
    微信小程序实现列表搜索功能
    vue的基础双向绑定
    ES6 Promise 的不完全实现
    JQ学习
    播放音乐进度条
  • 原文地址:https://www.cnblogs.com/dyy-dida/p/11608351.html
Copyright © 2011-2022 走看看