当前位置: 首页 > news >正文

VUE通过ref来获取dom元素及其他属性

    <div>

      获取对象的属性:<input ref="name" isOk="qgag" />

      <button v-on:click="showRef">提交信息</button>

    </div>

</template>

<script setup lang="ts">

const name = ref()

function showRef() {

  console.log(name.value) //dom元素

  console.log(name.value.value) //dom元素的值

  console.log(name.value.getAttribute('isOk')) //dom元素的属性

}

http://www.dtcms.com/a/117226.html

相关文章:

  • 【免费】2005-2019年各地级市绿色专利申请量数据
  • Johnson
  • STM32F103C8T6单片机的起始点:使用GPIO输出点亮我们的第一个小灯(标准库篇)
  • 【Vue】b站黑马视频学习笔记(导览)
  • 彻底解决VS2008编译错误:fatal error C1083 无法打开包括文件“stdint.h“
  • LabVIEW 油井动液面在线监测系统​
  • SolidWorks打开.stp/.STEP文件出现默认模板无效的问题
  • python中pyside6多个py文件生成exe
  • 如何根据设计稿进行移动端适配:全面详解
  • 内存序问题排查
  • C#后端开发培训教程
  • [Vue]脚手架介绍
  • STM32——ADC模数转换器
  • EdgeInfinite: 用3B模型处理无限长的上下文
  • vue3+ts解决钩子函数里面传过来的值,外面拿不到的问题
  • Python Cookbook-5.6 以随机顺序处理列表的元素
  • 配环境的经验
  • 盈亏平衡IRR
  • LLM Agents的历史、现状与未来趋势
  • 【Netty4核心原理④】【简单实现 Tomcat 和 RPC框架功能】
  • GaussDB回调机制深度实践:从事件驱动到系统集成
  • 36.[前端开发-JavaScript高级]Day01-this和箭头函数的使用
  • java的文件输入输出流(FileInputStream、FileOutputStream、FileReader、FileWriter)
  • redis中的set
  • pikachu靶场搭建教程,csfr实操
  • AI日报 - 2025年4月8日
  • 关于动态规划
  • 解决 Lettuce 在 Redis 集群模式下的故障转移问题
  • 基于人工智能的医学影像关联分析:利用潜在空间几何混杂因素校正法|文献速递-深度学习医疗AI最新文献
  • WEB安全--内网渗透--利用Net-NTLMv2 Hash