首页 > 其他分享 >实现组件赋值后重新渲染

实现组件赋值后重新渲染

时间:2023-07-07 19:55:12浏览次数:39  
标签:渲染 重新 key 组件 menuKey 赋值

通过vue key 实现,原理官方文档。所以当key 值变更时,会自动的重新渲染。

<template>
 <third-comp :key="menuKey"/>
</template>
 
<script>
 export default{
 data(){
  return {
  menuKey:1
  }
 },
 watch:{
  menuTree(){
 
  ++this.menuKey
  }
 }
}
</script>

 

那么改变key指定的变量,当我们给key指定的变量赋值 组件会重新渲染

标签:渲染,重新,key,组件,menuKey,赋值
From: https://www.cnblogs.com/kaibindirver/p/17535927.html

相关文章

  • C++黑马程序员——P189-192. string容器 构造函数,赋值,拼接,查找和替换
    P189.string容器——构造函数P190....——赋值操作P191....——字符串拼接P192....——字符串查找和替换P189.构造函数———————————————————————————————————————————————————————————————......
  • 从0开发WebGPU渲染引擎:开篇
    大家好,本系列会从0开始,开发一个基于WebGPU的路径追踪渲染器,使用深度学习降噪、DLSS等AI技术实现实时渲染;并且基于自研的低代码开发平台,让用户可以通过可视化拖拽的方式快速搭建自定义的Web3D引擎目录回顾目前的技术积累为什么要从0开发WebGPU渲染引擎?下一步回顾目前的技术积累......
  • vue - v-model在组件上的应用(包含子传父)
    一、v-model的参数默认情况下,v-model在组件上都是使用modelValue作为prop,并以update:modelValue作为对应的事件。我们可以通过给v-model指定一个参数来更改这些名字:<MyComponentv-model:title="bookTitle"/>在这个例子中,子组件应声明一个titleprop,并通过触发upd......
  • 数组对象如何赋值给JToken
    提问数组对象如何赋值给JToken回答创建一个JsonArray字符串将字符串装维JArrayJArray赋值给JTokenvarstrIps=$"[\"{string.Join("\",\"",rootObject.IpRateLimiting.IpWhitelist)}\",\"::1/10\"]";varips=JArray.Parse(s......
  • vue - 动态组件(:is在组件中的使用)
    使用场景:有些场景会需要在两个组件间来回切换,比如Tab界面:我们可以通过Vue的<component>元素和特殊的isattribute实现的:如<!--currentTab改变时组件也改变--><component:is="currentTab"></component>在上面的例子中,被传给:is的值可以是以下几种:被注册的组件......
  • 手把手教你自定义自己SpringBoot Starter组件源码剖析
    我们知道SpringBootStarter也就是启动器。是SpringBoot组件化的一大优点。基于这个思想,基于这个思想SpringBoot才变得非常强大,官方给我们提供很多开箱即用的启动器。SpringBootStarter是SpringBoot的一个重要特性,它有以下优点:依赖管理:Starter自动处理项目的依赖关系,......
  • 前端Vue组件之仿京东拼多多领取优惠券弹出框popup 可用于电商商品详情领券场景使用
    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率......
  • UniApp组件库推荐:提升开发效率的利器
    在移动应用开发中,组件库是开发者们的利器之一。它们提供了一系列预先构建好的UI组件和功能模块,可以显著加快应用程序的开发速度。而UniApp作为一个跨平台的开发框架,也有着丰富的组件库可供选择。在本篇博客中,我将向大家推荐几个高效实用的UniApp组件库,帮助开发者们提升开发效率。uV......
  • 3DCAT实时云渲染助力VR虚拟现实迈向成熟
    近年来,虚拟现实(VirtualReality,VR)技术在市场上的应用越来越广泛,虚拟现实已成为一个热门的科技话题。相关数据显示,2019年至2021年,我国虚拟现实市场规模不断扩大,从2019年的282.8亿元增长至2021年的583.9亿元,市场规模实现翻番。预计未来3年将保持快速增长,到2023年将突破1000亿元大......
  • Hive 组件(进阶中级)
    Hive组件(进阶中级)1.实验一:Hive组件部署1.实验任务一:环境需求1.1.步骤一:解压安装文件[root@master~]#lsanaconda-ks.cfgjdk-8u152-linux-x64.tar.gzapache-hive-2.0.0-bin.tar.gzmysql-5.7.18.ziphadoop-2.7.1.tar.gzstudent.csvhbase-......