vue 无法获取DOM的innerHtml

作者: 阳紫烨 | 来源:发表于2022-06-27 15:43 被阅读0次

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

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

})

vue 无法获取DOM的innerHtml
使用场景，牌匾文字上的公司名要根据字数多少自动变大变小，要先拿到文字内容 html： {{datas.compan...
DOM操作
题目1： dom对象的innerText和innerHTML有什么区别？ innerHTML会获取dom对象内的所...
原生JS中DOM元素的操作
获取dom 修改属性 .获取对象的属性 .js获取非行内样式属性 innerHTML dom 属性设置与获取 Do...
DOM 操作
题目一、dom 对象的 innerText 和 innerHTML 有什么区别？ innerText 获取 DOM...
DOM操作
1： dom对象的innerText和innerHTML有什么区别？ innerHTML属性设置或获取描述元素后代...
vip10-dom事件170120
题目1：dom对象的innerText和innerHTML有什么区别？ innerHTML获取元素节点和文本内容....
DOM操作
1、dom 对象的 innerText 和 innerHTML 有什么区别？ innerText是获取DOM对象下...
JS基础知多少（七）DOM、事件
一、dom对象的innerText和innerHTML有什么区别？innerHTML设置或获取位于对象起始和结束标...
Dom、事件
1.DOM对象中的innerHTML和innerText有什么区别? innerHTML获取元素节点和文本内容.i...
DOM对象
一，获取文档内容 DOM(Document Object Model)文档对象元素对象.innerHTML ...