1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 两种vue获取DOM元素并设置属性办法

两种vue获取DOM元素并设置属性办法

时间:2021-06-15 19:10:47

相关推荐

两种vue获取DOM元素并设置属性办法

web前端|js教程

性设置,元素

web前端-js教程

本文主要为大家带来一篇vue获取DOM元素并设置属性的两种实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

连环夺宝完整源码,vscode打开xcode工程,设置ubuntu时间,tomcat 8 特性,sqlite前景,网页设计的起源,数据库 迁移 脚本 技巧,域服务器获取用户信息,生成svg插件,从零打造微前端框架 实战,多点爬虫,php文件解密,临汾seo,电脑springboot源码,织梦 自增标签,php网站下载,微信 游戏 修改 网页游戏下载,网站工作室模板,网站后台设置应注意什么,在页面顶部div,vb工资管理系统下载,dz论坛暴力破解程序lzw

这里我想到了2个方法:

手游棋牌软件源码下载,ubuntu看什么书,Tomcat工作模式是什么,上图家谱爬虫,屏蔽所有php报错,seo关键词排名优化软件联lzw

方法一:

最新08影院源码,vscode利用率高,Ubuntu里Vim,tomcat的系统结构,简易爬虫图片,php 年份后两位,牡丹江正规的seo优化,网贷网站模板源码,oppo logo 模板lzw

直接给相应的元素加id,然后再document.getElementById(“id”);获取,然后设置相应属性或样式

方法二:

使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素

注意:在获取相应元素之前,必须在mount钩子进行挂载,否则获取到的值为空,

如果是给子组件加id并修改自定义属性,则直接会加载改子组件对应的外层p上,并不会改变该子组件原本的自定义属性的值

如果给子组件加ref,然后获取到该DOM元素之后改变相应的自定义属性的值,vue会报错:

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the props value. Prop being mutated: "title"

利用html的name属性获取dom元素

获取DOM对象的几种扩展及简写_javascript技巧

用JavaScript获取DOM元素位置和尺寸大小的方法_基础知识

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。