vue3如何获取绑定在组件上的 textarea DOM元素
2023-09-14 09:07:43 时间
<script setup lang="ts"> import { ref, onMounted } from "vue"; onMounted(() => { transferTextarea.value.textarea.select(); }); </script> <el-input v-model="initText" :rows="5" type="textarea" placeholder="" />
当我们给自定义组件绑定 ref,想要获取 textarea 元素时,elemtplus 的 input textarea 元素获取方式如上,注意:获取 DOM 必须要在 onMounted 之后获取,否则获取的为 null。
相关文章
- vue3: 动态修改favicon(网站的ico 图标)(vue@3.2.26)
- vue3.x:用webpack-bundle-analyzer分析chunk文件过大的原因(vue.js 3.0.5/@vue/cli 4.5.13)
- vue.js3.x 使用vue3-count-to 组件(到可视区域才start数字滚动 vue@3.2.33 / vue3-count-to@1.1.2)
- vue3: 动态修改favicon(网站的ico 图标)(vue@3.2.26)
- vue3:子组件向父组件发送数据(vue@3.2.26)
- vue3 ref 和reactive的区别
- vue2和vue3有哪些区别和不同1
- vue3,对比 vue2 有什么优点?
- vue3 - .eslintrc.js配置,包括开启debugger 等能力
- vue3 - import js文件eslint报错-解决
- vue3 - 关闭eslint提示参数必须定义类型
- vue3 watch 监听 flush post 作用?
- vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?
- Vue3+vite项目中如何动态导入并创建多个全局组件
- Vue3学习笔记(四)——组件、插槽、生命周期、Hooks
- 从0搭建Vue3组件库(二):Monorepo项目搭建
- 从0搭建Vue3组件库(一): 开篇
- 整理的一些Vue3知识点
- Vue3中的组件通信方式
- vue3 ref 和reactive的区别
- vue2和vue3有哪些区别和不同1
- Vue3带来了什么