一站式建站企业网站和,互联网宣传推广,wordpress主页显示分类,电子规划书商务网站建设1. 错误预览 第一页选择【7、8、9、10】 直接点击第三页未进行选择 直接点击第四页未进行选择
2. 问题总结
通过测试可以看到#xff0c;页面的选择项会影响到其他页面的选择#xff1b;点击保存#xff0c;返回的数据却是真真选择的数据#xff1b;数据在选择渲染…1. 错误预览 第一页选择【7、8、9、10】 直接点击第三页未进行选择 直接点击第四页未进行选择
2. 问题总结
通过测试可以看到页面的选择项会影响到其他页面的选择点击保存返回的数据却是真真选择的数据数据在选择渲染的时候出现了混乱。
3. 分析问题原因
其实这就是 vue 中列表渲染的 key 作为唯一标识在设置的时候没有给表格添加上。
4. 解决办法
4.1 解决方案一设置一个表格 row 的唯一标识
selection 配置表格是否可选择reserveSelection 在数据更新之后保留之前选中的数据rowKey 行数据的 Key用来优化 Table 的渲染注意rowKey 必须是表格列表中的唯一标识如果存在重复依然会出现渲染错误。 selection: true,reserveSelection: true,rowKey: spuId,4.2 解决方案二列表后端返回时就返回一个唯一标识的id属性【或者前端构建一个】 5. 官方文档
官方文档: avue-crud 的 option 配置
5.1 reserveSelection 的默认值和解释 5.2 rowKey 的默认值和解释 6. 总结
由于配置属性太多开发的时候都是需要什么再去找什么所以此篇博客作为一个记录方便后期出现相同或类似问题进行查找分析出现问题的原因去查找文档对应的设置完善配置开发的时候查看文档细心一点阅读可以避免开发中遇到的大多数问题。