項(xiàng)目中使用vue+typescript

使用this.$refs.refsName和document.querySelector打印出來(lái)的結(jié)果是一樣的

但是當(dāng)使用API是。$refs獲得的DOM就報(bào)錯(cuò)：請(qǐng)問(wèn)是需要在ts項(xiàng)目中添加什么ts相關(guān)的配置嗎？

Property 'getBoundingClientRect' does not exist on type 'Vue | Element | Vue[] | Element[]'.

Property 'getBoundingClientRect' does not exist on type 'Vue'.

any

let el = this.$refs.refsName

console.log('el:', el);

let element = document.querySelector('.content-box')

console.log('element:', el);

console.log(element['style'].width)

// 1.element 調(diào)用API正常

console.log(window.getComputedStyle(element).width)

console.log(element.getBoundingClientRect())

// 2.el 調(diào)用報(bào)錯(cuò)

// Property 'getBoundingClientRect' does not exist on type 'Vue | Element | Vue[] | Element[]'.Property 'getBoundingClientRect' does not exist on type 'Vue'.any

// console.log(el.getBoundingClientRect())

// console.log(window.getComputedStyle(el).width)

知道了，要把let el = this.$refs.refsName改為：let el: any = this.$refs.refsName，定義一個(gè)類(lèi)型

與50位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的this ts 方法获取_vue+typescript项目中用this.$refs和原生方法获取的dom有什么区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。