vue 无法获取DOM的innerHtml

发布网友发布时间：2023-03-28 11:17

共1个回答

热心网友时间：2023-10-26 21:54

使用场景，牌匾文字上的公司名要根据字数多少自动变大变小，要先拿到文字内容

html：

<div class="head-h1" ref="company_name" >{{datas.company_name}}</div>

js：当页面刚加载完，通过接口获取{{datas.company_name}}的值，要对里面的值编辑时

this.$refs.company_name 拿不到值

解决办法：

接口响应完，this.$nextTick()方法里面操作DOM，它才能接收到DOM更新的值

官方解释：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

this.$nextTick(_=>{

。。。。

this.$refs. company_name

})

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com