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 

相关文章： 定制建站哪家更专业可靠？推荐榜单揭晓  在线制作视频网站免费,都有哪些好的动漫网站？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  如何通过老薛主机一键快速建站？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  大连 网站制作,大连天途有线官网？  高端企业智能建站程序：SEO优化与响应式模板定制开发  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  教程网站设计制作软件,怎么创建自己的一个网站？  如何选择高效稳定的ISP建站解决方案？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  如何在阿里云通过域名搭建网站？  如何在服务器上配置二级域名建站？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  如何在IIS中新建站点并配置端口与物理路径？  ,南京靠谱的征婚网站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  h5网站制作工具有哪些,h5页面制作工具有哪些？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？    公司门户网站制作流程,华为官网怎么做？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  如何高效完成自助建站业务培训？  广州美橙建站如何快速搭建多端合一网站？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  网站制作软件免费下载安装,有哪些免费下载的软件网站？  免费视频制作网站,更新又快又好的免费电影网站？  网站网页制作专业公司,怎样制作自己的网页？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  如何生成腾讯云建站专用兑换码？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  如何快速完成中国万网建站详细流程？  如何在橙子建站上传落地页？操作指南详解  红河网站制作公司,红河事业单位身份证如何上传？  建站之星备案是否影响网站上线时间？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  建站之星代理如何优化在线客服效率？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  如何在阿里云虚拟服务器快速搭建网站？  外贸公司网站制作哪家好,maersk船公司官网？  网站制作企业,网站的banner和导航栏是指什么？  如何配置IIS站点权限与局域网访问？  代购小票制作网站有哪些,购物小票的简要说明？  微信小程序 input输入框控件详解及实例（多种示例）  如何通过西部建站助手安装IIS服务器？  一键网站制作软件,义乌购一件代发流程？  如何快速搭建个人网站并优化SEO？  青岛网站建设如何选择本地服务器？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？