没有合适的资源？快使用搜索试试~ 我知道了~

首页解决vue页面DOM操作不生效的问题

解决vue页面DOM操作不生效的问题

vue

DOM

2 下载量 30 浏览量更新于2023-05-12 收藏 132KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

3页

下面小编就为大家分享一篇解决vue页面DOM操作不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

资源详情

资源推荐

解决解决vue页面页面DOM操作不生效的问题操作不生效的问题

下面小编就为大家分享一篇解决vue页面DOM操作不生效的问题，具有很好的参考价值，希望对大家有所帮

助。一起跟随小编过来看看吧

现象：现象：

使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下：

下面是出错部分：下面是出错部分：

在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示位置出现偏移

原因查找：原因查找：

经过调试发现是在新增节点后，执行DOM操作获取节点时，取到的仍是之前的结构，新增的节点并未获取到。

原因分析：原因分析：

猜测是vue使用的虚拟DOM，使得页面虽然已经渲染出来，但在Vue实例中让处在在虚拟DOM中，无法获取。

解决方法：解决方法：

使用使用Vue.nextTick，看下官方材料：，看下官方材料：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

vue-aos:将“滚动动画”添加到Vue组件或HTML元素的Vue组件

Vue Aos 一个Vue组件，用于在滚动时将Animation添加到Vue组件或HTML元素。表中的内容介绍是一个了不起的API，可让您观察一个或多个HTMLElement进入或离开视口的时间。当元素进入视口时，此API有许多用例，例如无限滚动，延迟加载或动画。当元素进入视口时，动画开始。演示版安装只需使用您喜欢的软件包管理器进行安装 :fire: NPM npm install vue-aos --save 纱 yarn add vue-aos import Vue from 'vue' import * as VueAos from 'vue-aos' Vue . use ( VueAos ) 用法该软件包充当抽象组件，就像您从keep-alive或transition可能了解的那样。这意味着它基本上是一个“装饰器”。该组件不会向DOM输出任何标记，但会在幕

VUE解决 v-html不能触发点击事件的问题

背景：后端返前端html格式的数据，前端用v-html解析渲染，如：，a标签能成功渲染，但其绑定的事件无法触发。原因：vue没有将其作为vue的模板解析渲染解决方案：不用v-html而是component模板编译上干货： <template>

我是父组件

</template> [removed] import Vue from 'vue'; var MyC

weixin_38500607

粉丝: 4
资源: 965

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

解决vue页面DOM操作不生效的问题

vue-aos:将“滚动动画”添加到Vue组件或HTML元素的Vue组件

VUE解决 v-html不能触发点击事件的问题

我是父组件

快速解决js动态改变dom元素属性后页面及时渲染的问题

vue data赋值不生效

vue scrolltop不生效

vue路由跳转页面不刷新、this.$router.go(-1)不生效

在vue中$nextTick不生效

vue3echarts折线图tooltip不生效

vue3+ts 自定义指令修改dom样式 执行了 但初始化页面样式没有生效

vue v-show不生效

VUE2解决div中 v-html不能触发点击事件不生效问题

vue3 自定义指令修改dom样式 执行了 但一开始样式没有生效

vue 怎么实时生效，

vue生命周期钩子生效时期

vue3 onmounted

el-table vue-seamless-scroll 按钮点击事件不生效

vue3 自定义指令beforeMount修改dom的padding 执行了 但padding一开始没有修改，第二次进入才修改

vue中nextTick使用

vue scope.row 数据更新后双向绑定属性未生效

根据 vue中的next出一道代码选择题

会员权益专享

最新资源

vue3+ts 自定义指令修改dom样式执行了但初始化页面样式没有生效

vue3 自定义指令修改dom样式执行了但一开始样式没有生效

vue3 自定义指令beforeMount修改dom的padding 执行了但padding一开始没有修改，第二次进入才修改