vue 无法获取DOM的innerHtml

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

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

})