重新加载vue组件 mock自定义方法

最新推荐文章于 2024-09-03 09:18:21 发布

寄黄几复

最新推荐文章于 2024-09-03 09:18:21 发布

阅读量305

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43677689/article/details/124424823

版权

在Vue项目中，当需要强制刷新组件时，可以通过改变组件的key值实现DOM重新生成。本文介绍了获取当前时间戳的几种方法，并探讨了在Mock拦截中如何避免误拦截及使用Random.extend扩展自定义方法。

摘要由CSDN通过智能技术生成

最近写vue项目遇到个问题，需要强制页面内刷新某个组件，最后参考了

https://blog.csdn.net/weixin_33885253/article/details/88729501

原理：强制重新生成dom可以通过Vue中的key来实现。在Vue更新dom时，如果key值相同则会对原有组件进行复用，如果不同则会重新生成。

<template>
    <button @click="refresh" />

    <demo:key="id"></demo>
</template>

<script>
import demo from './demo'
export default {
   
    data () {
   
        return {
   
            id: +new Date()
        }
    },
    methods: {
   
        refresh () {
   
        this.id = +new Date()