vue2watch监听遇到的问题

news2024/10/7 4:26:45

1 vue
父组件里引入子组件 显示与隐藏是v-if控制时 父传入子的参数通过watch 监听请求接口时 watch 时而监听不到 请求接口的参数就不对
如图 父组件这么引入子组件v-show 和v-if 是有区别的
在这里插入图片描述

2 子组件通过watch 监听后 清空页面要展示的列表数据 重新从第一页加载数据，如果在mounted里也调了第一页数据 可能会导致 调两次接口 而watch 和mounted里的调用是并行的 也就是说 mounted里调接口还没返回 此时watch已经监听到了 参数变化 清空列表数据时 列表是空的 然后调接口时 mounted里面返回了数据 此时数据就重复了
如图 params 是props 接收的
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/771460.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

程序员如何准备技术面试

程序员如何准备技术面试

程序员如何准备技术面试 😇博主简介：我是一名正在攻读研究生学位的人工智能专业学生，我可以为计算机、人工智能相关本科生和研究生提供排忧解惑的服务。如果您有任何问题或困惑，欢迎随时来交流哦！😄 ✨座右…
阅读更多...
Redis常见须知

Redis常见须知

介绍一下redis数据库 Redis 是一种基于内存的数据库，对数据的读写操作都是在内存中完成，因此读写速度非常快，常用于缓存，消息队列、分布式锁等场景。 Redis 提供了多种数据类型来支持不同的业务场景，比如 String(字符…
阅读更多...
【后端面经-Java】JVM垃圾回收机制

【后端面经-Java】JVM垃圾回收机制

【后端面经-Java】JVM垃圾回收机制 1. Where：回收哪里的东西？——JVM内存分配2. Which：内存对象中谁会被回收？——GC分代思想2.1 年轻代/老年代/永久代2.2 内存细分 3. When：什么时候回收垃圾？——GC触发条…
阅读更多...
【汉诺塔问题分析】

【汉诺塔问题分析】

一、背景 汉诺塔问题是一种经典的递归问题，它由法国数学家Huygens在1665年发现，也是一道有趣的数学难题。这道问题的主要目的是将三根柱子上的一堆盘子移动到另一根柱子上，移动过程中每次只能移动一个盘子，并且大盘子不能放在小盘…
阅读更多...
【LeetCode热题100】打卡第40天：翻转二叉树回文链表

【LeetCode热题100】打卡第40天：翻转二叉树回文链表

文章目录 【LeetCode热题100】打卡第40天：翻转二叉树&回文链表⛅前言 翻转二叉树🔒题目🔑题解 回文链表🔒题目🔑题解 【LeetCode热题100】打卡第40天：翻转二叉树&回文链表 ⛅前言 大家好&#xff…
阅读更多...
高数-第一章-函数-极限 连续

高数-第一章-函数-极限 连续

目录 第一章 函数 极限 连续第一节 函数第二节 极限一、极限的概念与性质（1）数列的极限例1例2 （2）函数的极限（3）极限的性质（保号性重点 有界性）例12例13例14 （4&#xff…
阅读更多...
Python 3 拷贝、浅拷贝、直接引用

Python 3 拷贝、浅拷贝、直接引用

诸神缄默不语-个人CSDN博文目录 复杂的以后再补。 总的来说，像常数、字符串这种比较简单的变量无所谓，但是对于一些复杂对象（比如list等），如果直接使ba，相当于直接把a的路径给了b，b这个对象的…
阅读更多...
stb_image简单使用

stb_image简单使用

简介stb_image stb_image 是一个非常轻量级的、单文件的图像加载库，用于加载和解码多种图像格式（如BMP、JPEG、PNG、GIF等）的图像数据。它由Sean T. Barrett开发，并以公共领域（Public Domain）许可发布&…
阅读更多...
【软件测试】web测试bug定位思路总结，“我“不再背锅...

【软件测试】web测试bug定位思路总结，“我“不再背锅...

目录：导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结（尾部小惊喜） 前言 需要掌握的知识 …
阅读更多...
LabVIEW - 采集声音并保存 wav 文件

LabVIEW - 采集声音并保存 wav 文件

1. 题目 编写程序，实现用户点击按钮时，采集声音，显示声音波形，对于采集的声音进行低频段、中频段、高频段分别进行适当的比例放大或者衰减，然后重新合成(三段相加即可)，并将合成的声音下入wav格式的文件保存…
阅读更多...
【ROS】ROS1人机界面开发：第一个最简ROS+QtGui程序（按钮启动发布者）

【ROS】ROS1人机界面开发：第一个最简ROS+QtGui程序（按钮启动发布者）

【ROS】郭老二博文之：ROS目录 1、创建工程 1）新建工程：Other Project --> ROS Workspace 2）设置工程名称、路径 3）可以通过点击“Browse”来创建目录 注意：使用自带ros插件的qtcreator-ros，无法创建目录、也不能选择目录，这是个bug，因此需要在终端手动创建目录…
阅读更多...
江南大学轴承数据故障诊断（利用连续小波变换转换为二维图像，再利用CNN进行故障诊断）

江南大学轴承数据故障诊断（利用连续小波变换转换为二维图像，再利用CNN进行故障诊断）

1.江南大学轴承数据集介绍 采样频率：50khz，采样时间：10s 转速：600 800 1000/rpm 内圈：ib 外圈：ob 滚动体：tb 正常：N 以600转速下的内圈故障数据为例展示： 开始数据…
阅读更多...
【云原生】Prometheus 之PromQL

【云原生】Prometheus 之PromQL

前言 当 Prometheus 通过 Exporter 采集到相应的监控指标样本数据后，我们就可以通过PromQL 对监控样本数据进行查询，从而对相应的数据样本进行分析以及制定报警规则。 1. PromQL的简介 PromQL（Prometheus Query Language）是 Prome…
阅读更多...
SaleSmartly，客户满意度调查的绝对好助手

SaleSmartly，客户满意度调查的绝对好助手

企业使用客户满意度调查来收集反馈并评估客户满意度水平，包括有关产品质量、服务、支持和整体满意度的问题。客户满意度调查的主要目标是直接从客户那里收集有价值的见解，以了解他们的需求、偏好和期望。这种反馈可以帮助企业确定需要改进的领域&#xf…
阅读更多...
STM32案例学习 GY-39环境监测传感器模块

STM32案例学习 GY-39环境监测传感器模块

STM32案例学习 GY-39环境监测传感器模块 硬件平台 野火STM32F1系列开发板正点STM32F1系列开发板STM32F103ZET6核心板GY-39环境监测传感器模块 GY-39环境监测传感器模块 GY-39 是一款低成本，气压，温湿度，光强度传感器模块。工作电压 3-5v…
阅读更多...
JS-27 前端数据请求方式；HTTP协议的解析；JavaScript XHR、Fetch的数据请求与响应函数；前端文件上传XHR、Fetch

JS-27 前端数据请求方式；HTTP协议的解析；JavaScript XHR、Fetch的数据请求与响应函数；前端文件上传XHR、Fetch

目录 1_前端数据请求方式1.1_前后端分离的优势1.2_网页的渲染过程 – 服务器端渲染1.3_网页的渲染过程 – 前后端分离 2_HTTP协议的解析2.1_HTTP概念2.2_网页中资源的获取2.3_HTTP的组成2.4_HTTP的版本2.5_HTTP的请求方式2.6_HTTP Request Header2.7_HTTP Response响应状态码 3…
阅读更多...
京东自动化功能之商品信息监控是否有库存

京东自动化功能之商品信息监控是否有库存

这里有两个参数，分别是area和skuids area是地区编码，我这里统计了全国各个区县的area编码，用户可以根据实际地址进行构造skuids是商品的信息ID填写好这两个商品之后，会显示两种状态，判断有货或者无货状态，详情如下图所示 简单编写下python代码，比如我们的地址是北京市…
阅读更多...
Kaggle：树叶分类（使用Jupyter）

Kaggle：树叶分类（使用Jupyter）

竞赛网址：https://www.kaggle.com/c/classify-leaves # 首先导入包 import torch import torch.nn as nn import pandas as pd import numpy as np from torch.utils.data import Dataset, DataLoader from torchvision import transforms from PIL import Image i…
阅读更多...
uniapp 小程序 实时拍照（仅拍照）限制上传5张 可预览 可删除

uniapp 小程序 实时拍照（仅拍照）限制上传5张 可预览 可删除

效果图： common.js /*** 预览图片*/ const previewImage (current,list)>{// 预览图片uni.previewImage({current: current,urls: list}); } /*** 删除图片*/ const removeImage (current,list)>{var photoFilesList list;photoFilesList.splice(curren…
阅读更多...
AJAX：宏任务与微任务

AJAX：宏任务与微任务

异步任务划分为了 宏任务：由浏览器环境执行的异步代码 微任务：由 JS 引擎环境执行的异步代码 宏任务和微任务具体划分： 左边表格是宏任务，右边是微任务 事件循环模型 /*** 目标：阅读并回答打印的执行顺序 */ console…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023