vue中的ref

最新推荐文章于 2024-10-13 18:41:30 发布

Simple_IDE

最新推荐文章于 2024-10-13 18:41:30 发布

阅读量240

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/simple5960/article/details/115618032

版权

Vue.js ref onMounted 聚焦输入框

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

59 篇文章 0 订阅

订阅专栏

<template>
  <h2>App</h2>
  <input type="text" ref="txt" value="simple">
</template>
<script lang="ts">
// 引入子级组件Child
import { defineComponent, onMounted, ref, toRefs } from 'vue'
export default defineComponent({
  name: 'App',
  // 注册组件
  setup() {
    const txt=ref<HTMLElement|null>(null);
    onMounted(() => {
      console.log(txt.value);
      //<input type='text'/>
      txt.value && txt.value.focus()
    })
    return {
      txt
    }
  },
})
</script>