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

vue 模板应用

一,模板应用也就是对DOM的操作

二,如何使用

        通过标签里面添加ref  和vue中使用 this.$refs.ref的名字.操作 进行使用

        

<template><h3>模板引用</h3><div ref="cont" class="cont">{{ content }}</div><input type="text" ref="username"><button @click="getcont()">获得元素</button>
</template>
<script>export default{data(){return{content:"内容"}},methods:{getcont(){console.log(this.$refs.cont.innerHTHL="不遗憾");console.log(this.$refs.username.value);}}}
</script>

http://www.lryc.cn/news/167184.html

相关文章:

  • Golang教程与Gin教程合集,入门到实战
  • 国家网络安全周 | 天空卫士荣获“2023网络安全优秀创新成果大赛优胜奖”
  • Swift学习笔记一(Array篇)
  • C++项目实战——基于多设计模式下的同步异步日志系统-②-前置知识补充-不定参函数
  • C++使用Boost库加入UDP组播时程序崩溃
  • 华为HCIA(四)
  • Qt --- Day01
  • 24.98万起,新一代AITO问界M7值得买吗?
  • Java毕业设计 SSM SpringBoot 水果蔬菜商城
  • 前端JS中的异步编程与Promise
  • Pytorch Advanced(二) Variational Auto-Encoder
  • Flask 使用 JWT(三)flask-jwt-extended
  • 堆与栈的区别
  • OpenWrt kernel install分析(2)
  • 【计算机网络】传输层协议——TCP(下)
  • Vue前端页面打印
  • Visual Studio将C#项目编译成EXE可执行程序
  • git把某一次commit修改过的文件打包导出(git)
  • Vue3 Ajax(axios)异步
  • idea2023全量方法debug
  • Docker镜像解析获取Dockerfile文件
  • 使用maven命令打jar包
  • 【多线程】死锁 详解
  • 成考[专升本政治]科目必背知识点
  • spring boot 使用AOP+自定义注解+反射实现操作日志记录修改前数据和修改后对比数据,并保存至日志表
  • 【深度学习】Pytorch 系列教程(二):PyTorch数据结构:1、Tensor(张量): GPU加速(GPU Acceleration)
  • 多线程|多进程|高并发网络编程
  • 云计算——ACA学习 云计算分类
  • 3 分钟,带你了解低代码开发
  • 小白学Unity03-太空漫游游戏脚本,控制飞船移动旋转