vue获取DOM元素并设置属性的两种实现方法

这里我想到了2个方法：

方法一：

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

方法二：

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

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

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

如果给子组件加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 prop's value. Prop being mutated: "title"

以上这篇vue获取DOM元素并设置属性的两种实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# vue  # 获取dom元素属性  # VUE中操作dom元素的几种方法(最新推荐)  # Vue获取DOM元素并修改属性的方法  # vue 3.0 使用ref获取dom元素的示例  # vue获取dom元素注意事项  # 在vue中获取dom元素内容的方法  # Vue获取DOM元素样式和样式更改示例  # vue 动态添加/删除dom元素节点的操作代码  # 自定义  # 给大家  # 然后再  # 到该  # 我想  # 两种  # 希望能  # 这篇  # 报错  # 小编  # 值为  # 大家多多  # 加载  # span  # style  # mount  # strong  # div  # DOM  # document 

相关文章： 东莞专业制作网站的公司,东莞大学生网的网址是什么？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  如何选购建站域名与空间？自助平台全解析  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  一键网站制作软件,义乌购一件代发流程？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  建站主机选择指南：服务器配置与SEO优化实战技巧  如何在香港免费服务器上快速搭建网站？  如何选择香港主机高效搭建外贸独立站？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  建站之星3.0如何解决常见操作问题？  ,有什么在线背英语单词效率比较高的网站？  建站之星如何实现五合一智能建站与营销推广？  如何在阿里云香港服务器快速搭建网站？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  青浦网站制作公司有哪些,苹果官网发货地是哪里？  如何在自有机房高效搭建专业网站？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  如何用腾讯建站主机快速创建免费网站？  如何在景安云服务器上绑定域名并配置虚拟主机？  如何在万网自助建站平台快速创建网站？  如何在阿里云高效完成企业建站全流程？  如何在阿里云ECS服务器部署织梦CMS网站？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何通过山东自助建站平台快速注册域名？  独立制作一个网站多少钱,建立网站需要花多少钱？  专业网站建设制作报价,网页设计制作要考什么证？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何在阿里云虚拟服务器快速搭建网站？  香港网站服务器数量如何影响SEO优化效果？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  建站之星后台管理系统如何操作？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  制作国外网站的软件,国外有哪些比较优质的网站推荐？  建站之星在线版空间：自助建站+智能模板一键生成方案  利用JavaScript实现拖拽改变元素大小  高防服务器：AI智能防御DDoS攻击与数据安全保障  如何用西部建站助手快速创建专业网站？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  教学网站制作软件,学习*后期制作的网站有哪些？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  如何在VPS电脑上快速搭建网站？