大脑空白想不到id
2021-08-26 20:49
采纳率: 100%
浏览 46
已结题

vue3 setup使用ref的style如何使用typescript

ts初学者,vue3中setup获取dom元素,定义同名的ref名return出去即可,我想使用这个ref的style时出现Property 'style' does not exist on type 'Ref'.这种情况应该如何解决呢

<template>
    <div class="cursor-1" ref="cursor1"></div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref } from 'vue'
export default defineComponent({
    setup() {
        const cursor1  = ref(null) 
        onMounted(() => {
            window.onmousemove = (e) => {
                <HTMLElement>cursor1.style.top = e.pageY + 'px'
            }
        })
        return {
            cursor1,
        }
    }
})
</script>
  • 收藏

1条回答 默认 最新

  • 前端-海鸟 2021-08-26 21:09
    已采纳

    ref绑定的是一个对象,是没有style,cursor1.value才是真实dom

    打赏 评论

相关推荐 更多相似问题