vue刷新当前页面,重载页面数据_vue数据变化怎么刷新组件的[通俗易懂]

vue刷新当前页面,重载页面数据_vue数据变化怎么刷新组件的[通俗易懂]一、强制全局刷新方法location.reload();二、强制局部刷新方法<divid="app"><router-viewv-if="isReload"/></div>methods:{reload(

大家好,欢迎来到IT知识分享网。

一、强制全局刷新方法

location.reload();

二、强制局部刷新方法

<div id="app">
    <router-view v-if="isReload"/>
  </div>

methods: {
    reload() {
      this.isReload = false
      this.$nextTick(() => {
        this.isReload = true
      })
    }

 三、对象赋值刷新

vue刷新当前页面,重载页面数据_vue数据变化怎么刷新组件的[通俗易懂]
vue刷新当前页面,重载页面数据_vue数据变化怎么刷新组件的[通俗易懂]

// 动态添加 - Vue.set
Vue.set(this.obj, 'id', 002)
  
// 动态添加 - this.$set
this.$set(this.obj, 'id', 002)
  
// 动态添加多个
// 代替 Object.assign(this.obj, { a: 1, b: 2 })
this.obj = Object.assign({}, this.obj, { a: 1, b: 2 })
  
// 动态移除 - Vue.delete
Vue.delete(this.obj, 'name')
  
// 动态移除 - this.$delete
this.$delete(this.obj, 'name')

View Code

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/29988.html

(0)
上一篇 2023-10-11 09:33
下一篇 2023-10-12 13:45

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信