问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

vue怎么监控v-html中的数据加载完成

头像
T_one
    1.3k51531

    抱歉刚没说清楚，这个数据是从上一个页面传过来的，并没有在此页面进行请求。
    <div v-html="des.description"></div>
    v-html中的是从一段富文本生成的，里面有文字或是图片，现在需要刚开始给个loading图，等这些，尤其是图片加载完成后，去掉loading图，怎么监控这个渲染完成？

    html5vue.jshtml
    阅读 15.8k
    6 个回答
    得票最新
    头像
    善良的乌贼
      3.7k11436

      在修改数据后调用this.$nextTick，首次加载在mounted函数里面调用this.$nextTick

      this.$nextTick(function () {
    //dom已更新
})
      头像
      蠢胖胖
        117822

        。。。你的思路有问题 你这是请求，在请求前loading，请求成功后des.description就有了 你就可以去掉loading了

        头像
        CRIMX
          9.1k3720

          html 直接加载，loading 图盖到上面，利用 imagesloaded 可以很方便检测所有图片加载，完成后回调改变 flag 隐藏 loading 图。

          头像
          八妹
            3
            新手上路，请多包涵

            有没有解决

            头像
            Avenger
              22
              新手上路，请多包涵
              头像
              Lucifer
                351120

                书上好像有个onload属性

                onload 属性在文档对象加载完成后触发。

                onload 通常使用于 <body> 元素中，用于在页面完全载入后执行指定的脚本(包括图片，脚本，css文件等)。

                撰写回答
                你尚未登录，登录后可以
                • 和开发者交流问题的细节
                • 关注并接收问题和回答的更新提醒
                • 参与内容的编辑和改进，让解决方法与时俱进
                推荐问题