首页 > 其他分享 >vue强制刷新方法

vue强制刷新方法

时间:2023-07-21 09:34:17浏览次数:24  
标签:vue obj Vue set 刷新 强制 动态 delete

一、强制全局刷新方法

location.reload();

二、强制局部刷新方法

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

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

 三、对象赋值刷新

// 动态添加 - 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

 

标签:vue,obj,Vue,set,刷新,强制,动态,delete
From: https://www.cnblogs.com/acchu/p/17475735.html

相关文章

  • C++的四种强制类型转换
    将类型名作为强制转换的语法是C语言保留下来的,C++有自己独有的类型转换,就是四种cast。它们都有着统一的语法,即xx_cast<typename>(expression),可以将expression转换成typename的类型。static_cast顾名思义,静态转换,通常用于内置类型的转换。但是不能用于不同类型的指针/引用之间......
  • vue小程序图片java后端怎么存
    Vue小程序图片Java后端存储方案在Vue小程序中,我们常常需要处理图片的上传和存储。而Java后端则负责接收上传的图片,并进行存储和处理。本文将介绍一种解决方案,用于实现Vue小程序图片的上传和Java后端存储。问题描述在Vue小程序中,用户需要通过选择图片的方式上传图片。而Java后端......
  • vue的物理架构
    Vue的物理架构实现流程为了帮助刚入行的小白理解Vue的物理架构,下面将详细介绍实现的流程,并提供相应的代码示例。步骤概览以下是实现Vue的物理架构的步骤概览:步骤描述1.创建Vue实例初始化Vue应用程序2.创建根组件定义Vue应用程序的根组件3.创建子组件定义V......
  • vue2 使用axios
    如何在Vue2中使用Axios简介在Vue2中使用Axios是一种常见的方法来处理网络请求。Axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。它提供了一种简单和直观的方法来发送HTTP请求,并处理响应。这篇文章将指导你如何在Vue2中使用Axios来进行网络请求。步骤下面是使用A......
  • vue学习——vuex工作原理+vuex环境搭建
        vuex在index.js里引入,没在main.js里引入是因为vuex的使用必须在store之前,单纯的把Vue.use(Vuex)放在importstoreform"../store"之前并不会生效,因为执行的时候会扫描整个文件,把import都放置在一起先执行,所以单纯的移动位置没有效果所以把vuex的使用放在了inde......
  • 4-7-vue框架-第三方ui组件elementui-el-select组件change事件获取label的值
    Element的el-select组件change事件获取label的值在如下el-select组件的代码中,要想在change事件时获取label的值。<el-selectv-model="ruleForm.usualReviews":readonly="true"class="oms-select"placeholder="请选择常用意见"@change="selectCh......
  • vue3 登录添加图形验证码
    1.新增组件IdentifyCode.vue,使用canvas绘制验证码内容:<template><divclass="s-canvas"@click="refreshCode"><canvasid="s-canvas":width="contentWidth":height="contentHeight"......
  • Vue+springboot集成PageOffice实现在线编辑Word、excel文档
    说明:PageOffice是一款在线的office编辑软件,帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转,领导批阅,盖章。可以给文件添加水印,在线安全预览防止用户下载和复制文件等一、环境要求前端Vue项目:Node.js10及以上版本(当前集成方式......
  • Vue项目常见问题处理
    开发环境推荐使用node14版本,可以尽可能的减少版本兼容导致的问题。安装依赖包报错大部分安装依赖包错误是编译环境不完整引起的(例如:gyp相关错误),请确保编译环境安装完整(以管理员身份运行cmd): npminstall--global--production--verbosewindows-build-toolsnpminstall......
  • 【Vue】vue获取dom元素
    vue中准确的拿到那个元素用ref,ref是绑定给子组件<普通元素也可以绑定ref>ref如果是绑定在组件中的,那么通过this.$refs.ref的name获取到的是一个组件对象ref如果是绑定在普通的元素中的,那么通过this.$refs.ref的name获取到的是一个元素对象 html<divref='a'>aaaaa......