永远不会太晚 2021-08-26 20:49 采纳率: 100%
浏览 95
已结题

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 9月3日
  • 已采纳回答 8月26日
  • 创建了问题 8月26日