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

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日

悬赏问题

  • ¥20 三菱FX系列PLC上位机串口下指令置位M64和M65,这两条指令分别是什么呢?
  • ¥15 有关结冰模拟程序咨询
  • ¥15 ubuntu服务器配置dns域名后无法访问其他域名
  • ¥50 本人复制了一个关于股票指标的代码,但是运行失败,有没有人帮我解决一下
  • ¥50 用matlab和numeca做透平机械流体力学和热力学模拟 价格可议
  • ¥15 Unity3D WebView
  • ¥20 论文AlphaTensor复现(有偿)
  • ¥15 (有偿)在ANSYS中 .anf文件
  • ¥45 关于#芯片#的问题:组合逻辑电路设计
  • ¥15 基与机器学习和时间序列分析预测养老服务需求趋势