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

vue3 vxe-grid列中绑定vxe-switch实现数据更新

1、先上一张图:

<template #valueSlot="{ row }"><vxe-switch :value="getV(row.svalue)" @change="changeSwitch(row)" /></template>function getV(value){return value == 1;};function changeSwitch(row) {console.log(row);
}

发现上面的代码,改变了Switch的状态,并没有显示出相应的效果来。

2、我们点进vxe-switch定义中,来查找属性名

发现叫modelValue,将上面的代码修改如下:

<template #valueSlot="{ row }"><vxe-switch :modelValue="getV(row.svalue)" @change="changeSwitch(row)" /></template>

这样就正常了。

不同的版本可能会不太一样( "vxe-table": "^4.3.9")。

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

相关文章:

  • Hive SQL:实现炸列(列转行)以及逆操作(行转列)
  • MD5算法详解
  • ES6的代理模式-Proxy
  • 排序(堆排序、快速排序、归并排序)-->深度剖析(二)
  • 七一建党节|热烈庆祝中国共产党成立103周年!
  • Spring Boot应用知识梳理
  • Spring中利用重载与静态分派
  • 文本三剑客之awk:
  • SpringSecurity-授权示例
  • 选哪个短剧系统源码好:全面评估与决策指南
  • AI时代的软件工程:挑战与改变
  • Zuul介绍
  • 7-1作业
  • ElasticSearch安装、配置详细步骤
  • 【Mybatis 与 Spring】事务相关汇总
  • Leetcode 2065. 最大化一张图中的路径价值(DFS / 最短路)
  • SeeSR: Towards Semantics-Aware Real-World Image Super-Resolution
  • 七月论文审稿GPT第5版:拿我司七月的早期paper-7方面review数据集微调LLama 3
  • 盘古5.0,靠什么去解最难的题?
  • 2.3章节Python中的数值类型
  • 每日Attention学习7——Frequency-Perception Module
  • 【从0实现React18】 (五) 初探react mount流程 完成核心递归流程
  • 0-30 VDC 稳压电源,电流控制 0.002-3 A
  • HTML5+CSS3+JS小实例:图片九宫格
  • 湘潭大学软件工程数据库总结
  • Codeforces Testing Round 1 B. Right Triangles 题解 组合数学
  • 怎样将word默认Microsoft Office,而不是WPS
  • C语言之进程的学习2
  • web使用cordova打包Andriod
  • 内卷情况下,工程师也应该了解的项目管理