关于vueinnerhtml的信息

本篇文章给大家谈谈vueinnerhtml，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、Vue如何获取自定义组件标签之间的值（innerHTML）
• 2、vue 无法获取DOM的innerHtml
• 3、vue 改变innerHtml是否可以更改相应绑定，

Vue如何获取自定义组件标签之间的值（innerHTML）

vue1.*版本中

在标签中加上el='dom'，然后在饥颤轮代码中this.$els.dom这烂信样就拿到了页面元素

vue2.*版本中

在洞态标签上加上ref=dom'，然后在代码中this.$refs.dom.$el这样就拿到了页面元素

[img]

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

})

vue 改变innerHtml是否可以更改相应绑定，

vue本来就是毕则枝数据驱动视图啊。

要交手敏换el-table两行的innerHtml，直接把el-table的data数组对应2行互换一下就行了盯岩。

还有修改某个单元的绑定数据，你直接改数组内那个单元格的源数据即可，视图自动更新无需你处理

关于vueinnerhtml和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。