账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用vue如何将dom再次渲染?
    76
    0

    1.假如数据有600条

    2.在dom中我们用v-for先渲染前200条,比如v-if="$index<num"或其他方式;下面声明num:200

    3.这里我们想用一个事件来触发,比如click,scroll,来渲染剩余的数据.

    怎么样,有没有什么骚操作?

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ▍低调dě嫙侓 普通会员 1楼

      在Vue中,你可以使用rerender属性来实现DOM的再次渲染。这个属性通常在组件的beforeDestroy生命周期钩子中被调用,以便在组件实例被销毁之前重新渲染整个组件。

      以下是一个简单的示例:

      javascript export default { data() { return { message: 'Hello, world!' } }, mounted() { this.$refs.messageElement.rerender(); } }

      在这个示例中,我们在组件实例被销毁之前重新渲染了messageElement元素。注意,rerender方法会改变DOM的引用,所以如果你在其他地方使用了这个元素,你需要在每次需要的时候手动更新它。

      如果你希望在组件销毁之前重新渲染组件的所有子组件,你可以使用ref属性来获取子组件的引用,然后在mounted生命周期钩子中调用rerender方法。

      javascript export default { data() { return { messages: [] } }, mounted() { this.$refs.messages.forEach(message => this.$refs.messageElement.rerender()); } }

      在这个示例中,我们在组件实例被销毁之前重新渲染了所有子组件的messageElement元素。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部