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

elementui响应式数据类型变更情况

  • 背景。vue2。data中定义的响应数据类型是[]数组。应用在el-select中(非multiple情况)。当发生响应数据有变更渲染视图时,发现定义的数组转换成了字符串。

  • 本身不是问题。但因为疏忽引发了watch监听formData数据时产生了产生了多次监听事件。

  • 这种问题较难发现。后通过computed计算属性序列化对象为json后,在调试时能够直观看到属性值的展示,才发现问题。
    在这里插入图片描述

  • 这种情况,没有multiple时v-model是字符类型数据。

    在这里插入图片描述

  • 排查方法。通过computed序列化。watch监听对比前后数据才发现
    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述

  • 拓展。computed计算属性可以被监听。通过在computed中声明属性conditonListnew, 在watch中监听声明的属性。
    在这里插入图片描述

http://www.lryc.cn/news/571059.html

相关文章:

  • CVPR 2025最佳论文详解|VGGT:纯前馈Transformer架构,3D几何感知「大一统」模型来了!
  • FPGA基础 -- Verilog语言要素之值集合
  • Flutter - 原生交互 - 相机Camera - 曝光,缩放,录制视频
  • 【JSON-To-Video】AI智能体开发:为视频图片元素添加动效(滑入、旋转、滑出),附代码
  • 光谱相机的多模态成像技术详解
  • 数据仓库面试题合集⑥
  • 理解基本的RPC实现:从概念到实践
  • 2.涉及一个端到端的时间序列预测解决方案
  • 【Linux指南】文件内容查看与文本处理
  • 搜狗主动提交url并反馈快照更新软件(含源码)
  • 区间交集:区间选点
  • 231个web前端常用的javascript特效分享
  • 【C/C++开源库】适合嵌入式的定时器调度器
  • eXtremeComponents
  • Node.js Erlang比较
  • 第一次使用pycharm遇到的问题
  • 第二章 模型的评估与选择
  • java数据结构-栈、队列详解
  • LangGraph--框架核心思想
  • 3DS MAX三维建模平面基础篇(平面图形的创建和可编辑样条线的使用)
  • 怎样解决虚拟内存不足问题
  • 网站重构技术:XML,XHTML代码规范,样式表调用方式,CSS布局要点
  • 1433,3306,3389端口的利用
  • 经典智能手机诺基亚N78上能用的UCWEB 7.0正式版下载
  • 2010最牛歌曲《郑钱花》——川子
  • 大可乐android 4.3刷机包,大可乐2代MC002线刷刷机教程_大可乐MC002线刷rom系统刷机包...
  • 80x86的汇编器
  • DGL图神经网络库使用大全
  • 属狗的人2012年运程-易久堂风水精准预测
  • Windows网络编程基础