zoukankan      html  css  js  c++  java
  • Vue ref childNode 坑

    先看代码

    // 判断是否有元素超出显示框
            checkIfOverflow () {
                console.log('aaa', this.$refs)
                let refName = 'dataList' + this.selectType
                console.log('refName:', refName)
                let selecteList = this.$refs[refName].childNodes
                // let selecteList = this.$refs['selectType' + this.selectType].childNodes
                // let firstChild = selecteList[0]
                // let lastChild = selecteList[selecteList.length - 1]
                console.log('typeof selecteList:', typeof selecteList, selecteList)
                this.$nextTick(() => {
                    let arr = this.$refs['dataListItem']
                    if (arr[0].offsetTop !== arr[arr.length - 1].offsetTop) {
                        this.inputOverflow = true
                    }
                })
                // console.log('offsetTops:', this.$refs[refName + 0], this.$refs.dataListItem)
                // let arr = this.$refs
                // let arr2 = this.$refs['dataListItem']
                // console.log('arr:', arr, arr2)
                // arr.forEach((item, index) => {
                //     console.log(item.offsetTop)
                // })
                // let arr = []
                // for (var i = 0; i < selecteList.length; i++) { 
                //     var ele = selecteList[i]
                //     arr.push(ele)
                // } 
                // console.log('arr', arr)
                // console.log('firstChild:', firstChild)
                // console.log('lastChild:', lastChild)
            },
  • 相关阅读:
    msql 触发器
    微信模板消息推送
    微信朋友朋友圈自定义分享内容
    微信退款
    异步调起微信支付
    微信支付
    第一次作业
    【Linus安装MongoDB及Navicat】
    【前端】ES6总结
    【开发工具】Pycharm使用
  • 原文地址:https://www.cnblogs.com/benbendu/p/10457686.html
Copyright © 2011-2022 走看看