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

vue3 element table 插槽外的数据更新,插槽内的数据未更新。

在使用element table组件时候,有时候需要对table内部的header插槽进行单独的列的数据操作,比如在列头增加一个筛选功能,对指定范围的值进行一个筛选,需要对input的值进行v-model的绑定,对绑定的值进行清空时候,会出现无法更新视图的问题。

方法1:

对该表格的el-table标签增加一个key属性,那么每次进行操作的时候,直接对表格的key的index+1就会解决渲染问题。

<el-table :key="index"></el-table>let index = 0;const resetfunction = () =>{index = index + 1;
}

方法2:

增加一个初始值判断,每次进行操作的时候,对其进行true和false的赋值。类似第一种

方法3:

获取当前列的值,直接在按钮绑定传值,进行修改,

	//这里的item是渲染模板是循环出的列的数据。<el-button @click="resetbtn(item)">重置</el-button>const restBtn = (item) =>{item.name = '';}//直接对其重置

http://www.mrgr.cn/news/48208.html

相关文章:

  • Onvif服务端开发
  • ChatGPT生成接口测试用例(一)
  • Netty解决粘包半包问题
  • ES6学习Generator 函数(生成器)(八)
  • ubuntu镜像开荒ssh
  • 反射镜架有什么用?
  • ESP32—c3实现网页显示ADC电压并实时更新
  • 0.1s速通小猿口算保姆教程
  • 【翻译】自定义 Qt Designer 窗体
  • 动态规划-路径问题——174.地下城游戏
  • git的提取和拉取有啥区别
  • Java 桶排序
  • 【Kuberntes】kubernets资源类型service详细介绍
  • 10.11作业
  • Redis原理篇之网络模型
  • SpringBoot 集成 Redis 总结
  • 中间件有哪些分类?
  • HW--GaussDB--(一)--老登原来TM是你啊,哈哈!
  • 5.STM32的串口通信
  • 鸿蒙开发(NEXT/API 12)【使用fetch发送网络请求】远场通信服务
  • STM32学习--3-5 光敏控制传感器控制蜂鸣器
  • 【Unity基础】Unity内购支持哪些应用商店?
  • Carrier Aggregation 笔记
  • 基于Maven 运行OpenRewrite的快速示例
  • 探索机器学习中的特征选择技术
  • 【华为】配置RIP协议