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

vue3 ref对象的width改变了,并不会直接去更新视图,但是触发obj.width++是可以正常更新视图的简单处理方法

1、服务器返回的是一个对象Obj,结构如下:

{
   id: 999,
   width: 100,
   height:500,
}

2、定义一个变量const objRef = ref();

3、视图:

4、这样是可以触发更新的:

说明:直接去更新这个width值,会自动触发这个div的宽度的改变。

5、系统要求赋值的时候,就要直接改变,那么我们只要通过一个简单的ref变量处理下就可以。

6、定义一个const widthRef = ref(0);

7、然后我们将上面的obj.width改成widthRef就可以。

这样就可以成功的通过赋值来更新视图。


http://www.kler.cn/a/384455.html

相关文章:

  • Devops业务价值流:软件研发最佳实践
  • 状态模式(State Pattern)详解
  • 大语言模型训练的全过程:预训练、微调、RLHF
  • MySQL缓存参数如何优化与表结构如何优化才算是最大性能的优化
  • 【Linux】冯诺依曼体系、再谈操作系统
  • stm32疑难杂症之电压不够程序跑飞
  • springBoot动态加载jar,将类注册到IOC
  • MongoDB笔记01-概念与安装
  • <网络> 协议
  • go 集成viper 配置管理
  • 简易抽奖器源码以及打包操作
  • 【网络-交换机】生成树协议、环路检测
  • Java 8 Stream API 详解
  • 实时金融股票数据API接口websocket接入方法
  • WRF-LES与PALM模型:风能资源评估、风力发电、大涡模拟、大尺度湍流涡旋、大雾预报、局地环流模拟、城市热岛效应、流场模拟
  • 香港服务器怎么搭建docker加速器
  • flutter 项目初建碰到的控制台报错无法启动问题
  • 地理空间-Java实现航迹稀释
  • 【北京迅为】《STM32MP157开发板嵌入式开发指南》-第七十二章 Debian文件系统
  • Java反射原理及其性能优化
  • C#实战:使用腾讯云识别服务轻松提取火车票信息
  • 科研绘图系列:R语言组合连线图和箱线图(linechart+boxplot)
  • Vue实战学习(2)(Vue快速入门(快速构建一个局部Vue项目))
  • xftp连接中不成功 + sudo vim 修改sshd_config不成功的解决方法
  • 斗破QT编程入门系列之二:GUI应用程序设计基础:UI文件(四星斗师)
  • 【C++】哈希表封装 unordered_map 和 unordered_set 的实现过程