Vue48-ref属性

一、需求:操作DOM元素

1-1、使用原生的id属性

不太好!

1-2、使用 ref属性

原生HTML中,用id属性给元素打标识,vue里面用ref属性。

给哪个元素加了ref属性,vc实例对象就收集哪个元素!!!

1-3、在组件标签上加上ref属性

此时拿到的就是<school>组件的vc实例对象。

二、小结

对于传统的html标签,ref = id;但是,对于组件元素来说,ref != id

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/28821.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

光流法大全

H-S光流法 https://blog.csdn.net/Jianwen_Jiang/article/details/79094864 https://blog.csdn.net/jpc20144055069/article/details/96475084 金字塔迭代&#xff08;Iterative Pyramidal&#xff09;LK光流算法 https://github.com/MichaelBeechan/orbslam2-with-…

HTML初体验

可参考jd.com官网&#xff0c;ctrlu查看当前页面源代码 找到你的项目&#xff0c;在项目中创建html类型的网页文件 标准的HTML正确书写格式 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title&…

仅靠独立网站也能赚到100万,真的太牛了

你听说过 Photopea 吗&#xff1f;这是一个免费的类似 Photoshop 的图像编辑器。 这个项目&#xff1a; 每月1300万访问量每月150万用户使用小时每月10万美元的广告收入 Photopea 项目的天才创造者是 Ivan Kutskir。 令人惊讶的是&#xff0c;他独自处理了每日50万用户&…

Tomcat配置详解

文章目录 一、配置文件介绍配置文件日志文件 二、组件组件分层和分类核心组件Tomcat处理请求过程URL对应关系 三、部署java程序手动部署搭建博客状态页 四、常见配置详解tomcat端口号安全配置管理虚拟主机配置Context配置 四、Tomcat Nginx动静分离 一、配置文件介绍 配置好环…

区间DP——AcWing 282. 石子合并

区间DP 定义 区间 DP 是动态规划的一种特殊形式&#xff0c;主要是在一段区间上进行动态规划计算。 运用情况 通常用于解决涉及在一段区间内进行操作、计算最优值等问题。比如计算一个区间内的最大子段和、最小分割代价等。一些常见的场景包括合并操作、划分操作等在区间上…

夏季河湖防溺水新举措:青犀AI视频智能监控系统保障水域安全

近日一则新闻引起大众关注&#xff0c;有网友发布视频称&#xff0c;假期在逛西湖时&#xff0c;发现水面上“平躺”漂浮着一名游客在等待救援。在事发3分钟内&#xff0c;沿湖救生员成功将落水游客救到了岸边。 随着夏季的到来&#xff0c;雨水增多&#xff0c;各危险水域水位…

【镜像制作】制作k8s的yaml配置的备份镜像

文章目录 简介一.备份代码二.dockerfile代码三.cronjob配置 简介 通过shell脚本写一个定期备份k8syaml配置的镜像&#xff0c;然后通过cronjob来实现定期执行&#xff0c;将备份文件上传到ceph存储或者是存放到NAS存储上。 一.备份代码 通过kubectl导出yaml配置文件&#xff0c…

什么是服务器系统端口隐患?

对于服务器来说&#xff0c;首要保障稳定性和安全性。因此&#xff0c;我们仅需保证服务器最基本的功能即可&#xff0c;就像声卡都是默认禁止的。我们并不需要太多的功能&#xff0c;也不需要太多的端口支持。像一些不必要&#xff0c;而且风险较高的端口大可封掉。而一些必要…

如何下载GoldWave 6.80软件及详细安装步骤

GoldWave功能介绍&#xff1a; GoldWave是一款很强大多功能数字音频编辑软件&#xff0c;可以用来消除某些音乐里边的噪音&#xff0c;可以用来声音编缉、播放、录制和转换还是多功能。它的音频特效有很多种可供选择。 GoldWave音频编辑软件与Windows其它应用软件一样&#x…

在Git上,提交记录有误,修改commit方法

在GitLab上&#xff0c;如果你发现提交(commit)有误&#xff0c;可以采取以下几种方式来修正&#xff0c;具体选择哪种方法取决于你的具体情况和需求&#xff1a; 1. 修改最近一次提交&#xff08;Amend&#xff09; 如果你只是想修改最近一次提交的信息&#xff08;比如提交…

GaussDB技术解读——GaussDB架构介绍(四)

目录 11 GaussDB云原生架构 11.1 云原生关键技术架构 11.2 关键技术方案 11.2.1 通信组件 11.2.2 集群管理组件 11.2.3 多租组件 GaussDB架构介绍&#xff08;三&#xff09;从智能关键技术方案、驱动接口关键技术方案等方面对GaussDB架构进行了解读&#xff0c;本篇将…

SpringCloud:Feign远程调用

程序员老茶 &#x1f648;作者简介&#xff1a;练习时长两年半的Java up主 &#x1f649;个人主页&#xff1a;程序员老茶 &#x1f64a; P   S : 点赞是免费的&#xff0c;却可以让写博客的作者开心好久好久&#x1f60e; &#x1f4da;系列专栏&#xff1a;Java全栈&#…

为什么裁员裁的都是干活的?

大家好&#xff0c;我是瑶琴呀。 “裁员裁的都是干活的&#xff1f;”&#xff0c;这可能是个错觉。 公司裁员无外乎两种原因&#xff0c;第一&#xff0c;纯纯想降本增效&#xff0c;留下来的人&#xff0c;一个人干两个人的活。这种属于经济型裁员。第二&#xff0c;业务萎…

在python中使用代理模型加快fmu模拟速度

from pyfmi import load_fmu import pandas as pd import matplotlib.pyplot as plt import numpy as np from sklearn.tree import DecisionTreeRegressor # 决策树算法 from sklearn.metrics import r2_score # 全局 FMU 对象 model = load_fmu(rC:\Users\win10\Desktop\GPS…

LeetCode每日一题 | 419 | 甲板上的战舰 |二维数组遍历

✨今天给大家带来的是LeetCode上的第419题——甲板上的战舰(LeetCode 419. Battleships in a Board✨。这道题目是一个经典的二维数组遍历问题&#xff0c;要求我们在一个棋盘中找到所有的战舰。接下来给大家详细讲解一下解题思路和主要的数据结构哦~&#x1f973; 题目描述 …

驾驭未来:智能网关如何革新车联网体验

车联网&#xff08;Internet of Vehicles&#xff09;是一个跨领域的技术综合体&#xff0c;它基于物联网&#xff0c;利用先进的信息通信技术实现车与车、车与路、车与人、车与服务平台等的全方位网络连接。 龙兴物联智能网关是集成了多协议、多接口&#xff0c;具有综合数据采…

[图解]建模相关的基础知识-11

1 00:00:00,700 --> 00:00:05,090 下一个知识点就是函数在集合上的限制 2 00:00:08,290 --> 00:00:10,200 符号可以这样来 3 00:00:10,210 --> 00:00:16,640 F然后一个往下的箭头A 4 00:00:16,650 --> 00:00:19,520 意思就是说F里面的元素 5 00:00:20,120 --&…

解析网络空间的安全威胁与应对

网络空间的安全威胁与应对 网络空间安全威胁概述 网络空间安全威胁涵盖了从传统的网络攻击到复杂的网络战等多个层面。随着网络技术的发展&#xff0c;网络攻击手段日益翻新&#xff0c;包括病毒、木马、钓鱼、DDoS攻击等。这些攻击手段具有隐蔽性强、破坏力大、传播速度快的…

闭包表(Closure Table)

设计血缘关系&#xff08;data-lineage&#xff09;时&#xff0c;想到要使用的表模型。 表设计 节点记录表 - node CREATE TABLE lineages_node (name varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT 节点名称,id bigint(20) unsigned NOT NULL AUTO_INCREM…

element--el-table合计换行显示

el-table合计换行显示 效果图实现1、使用到的参数2、代码演示 效果图 实现 1、使用到的参数 官网链接&#xff1a;element-table 将show-summary设置为true就会在表格尾部展示合计行。默认情况下&#xff0c;对于合计行&#xff0c;第一列不进行数据求合操作&#xff0c;而是…