标签 vue 下的文章 - a博客-个人博客-技术分享

vue3实现对textarea组件光标聚焦

在写个人小demo时需要使用到一种效果就是一开始为 input 框，当用户点击时变化为 textarea 并光标能够进行聚焦。通过 ref 来获取 textarea 组件，并使用 focus() 事件来对文本框进行光标的聚焦。<template> <NInput v-model:value="desc" v-if="!isFocusDesc" @focus="handleFocusDesc"/> <NInput v-model:value="desc" type="textarea" v-else ref="textarea" @blur="isFocusDesc = false"/> </template> <script setup> import {ref, nextTick} from 'vue' import {NInput} from 'naive-ui' let d

技术 · 02-20

Theme Jasmine by Kent Liao