当前位置: 首页 > news >正文

Vue之坑

1. 不刷新视图

export default {
  data(){
    return {
      storeInfo: {//对象里不写具体的key,且在赋值时是单个赋值的时候会有不刷新视图的情况
        
      }
    }
  },
  methods: {
      changeStore() {
        //在这修改偶尔会补刷新视图
        this.storeInfo.storeName = '11'
        this.storeInfo.storeCode = '22' 
      }
  }
}
//需要改成一
export default {
  data(){
    return {
      storeInfo: {//对象里不写具体的key,且在赋值时是单个赋值的时候会有不刷新视图的情况
        storeName:'',
        storeCode:''
      }
    }
  },
  methods: {
      changeStore() {
        //在这修改偶尔会补刷新视图
        this.storeInfo.storeName = '11'
        this.storeInfo.storeCode = '22' 
      }
  }
}
复制代码

2 不刷新视图

dealQueryData(res) {
  let dataList = [];
  if(res.data.dataList && res.data.dataList.length) {
    dataList = res.data.dataList;
    this.pager = {
      total: res.data.total,
      totalPage: res.data.totalPage,
      pageIndex: res.data.pageIndex,
      pageSize: res.data.pageSize,
    };
  }else {
    this.pager = {};
  }
  
  if(this.LOGINDATA.member_name_modify_record) {
    dataList.forEach(item => {
      item.isShowViewNameBtn = true;
      item.isShowTrueName = false;
      item.isShowViewPhoneBtn = true;
      item.isShowTruePhone = false;
    })
  }
  //数据修改后统一在下面赋值,如果先赋值再增加新字段,会出现不刷新视图
  this.dataList = dataList

}
复制代码

转载于:https://juejin.im/post/5cc14ba95188252e7b4a43d5

相关文章:

  • flask 第七章 简陋版智能玩具 +MongoDB初识和基本操作
  • 4-1 requests库的安装
  • 学起来:Flutter将支持桌面应用开发
  • 基于binlog方式搭建MySQL主从
  • C# 虹软SDK视频人脸识别和注册
  • redis-主从复制
  • 再见 异步回调, 再见 Async Await, 10 万 个 协程 的 时代 来 了
  • 007《loom》 Chrome翻录网页视频神器
  • 03python面向对象编程1
  • 前端知识杂锦(二)
  • 大传媒时代报业如何驾驭新媒体
  • ELK日志收集(一)-Elasticsearch安装
  • gulp+es6 配置
  • 因为看见,所以发现:QBotVariant谢绝落幕
  • (转)重识new
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • CentOS7简单部署NFS
  • extjs4学习之配置
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • Java 实战开发之spring、logback配置及chrome开发神器(六)
  • Javascript弹出层-初探
  • leetcode98. Validate Binary Search Tree
  • ubuntu 下nginx安装 并支持https协议
  • ucore操作系统实验笔记 - 重新理解中断
  • Xmanager 远程桌面 CentOS 7
  • Zsh 开发指南(第十四篇 文件读写)
  • 关于springcloud Gateway中的限流
  • 观察者模式实现非直接耦合
  • 前端学习笔记之观察者模式
  • 思否第一天
  • 找一份好的前端工作,起点很重要
  • 东超科技获得千万级Pre-A轮融资,投资方为中科创星 ...
  • 进程与线程(三)——进程/线程间通信
  • # 数据结构
  • ###C语言程序设计-----C语言学习(3)#
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • #我与Java虚拟机的故事#连载18:JAVA成长之路
  • #预处理和函数的对比以及条件编译
  • (9)YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
  • (C语言)逆序输出字符串
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (附源码)springboot掌上博客系统 毕业设计063131
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (七)理解angular中的module和injector,即依赖注入
  • (一)基于IDEA的JAVA基础12
  • (转)大型网站架构演变和知识体系
  • ./configure,make,make install的作用
  • .NET LINQ 通常分 Syntax Query 和Syntax Method
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .net 无限分类
  • .NET企业级应用架构设计系列之技术选型
  • .Net通用分页类(存储过程分页版,可以选择页码的显示样式,且有中英选择)
  • .NET与java的MVC模式(2):struts2核心工作流程与原理
  • .net中我喜欢的两种验证码