lycHub / ysx-library

ysx component libraries
MIT License
19 stars 9 forks source link

如何取消选中 #4

Closed wangxue121 closed 1 year ago

wangxue121 commented 1 year ago

目前要实现的需求是 增加全选和全部取消的功能。 想问下 如果点击按钮 ,实现目前勾选的 取消选中

lycHub commented 1 year ago

试试

const cancelCheckeds = () => {
  defaultCheckedKeys = [];
}
wangxue121 commented 1 year ago

是用你提供的这种方法虽然可以将数据置空,但是页面数据没有取消勾选,并且 取消全选后 virTreeOne.value.getCheckedNodes() 依然可以打印出目前选中的数据

lycHub commented 1 year ago

是用你提供的这种方法虽然可以将数据置空,但是页面数据没有取消勾选,并且 取消全选后 virTreeOne.value.getCheckedNodes() 依然可以打印出目前选中的数据

我建了个在线demo, 能否在这复现下。demo

wangxue121 commented 1 year ago

看了你这个demo确实是生效的,把你的 vue文件粘贴到我本地运行就取消选中按钮就不生效了。这个我是用vue3 和js写的 ,或者说这个和版本有关系吗?

lycHub commented 1 year ago

demo也是vue3 + js, 这两个版本一样就没问题 image

wangxue121 commented 1 year ago

好滴 感谢解答

wangxue121 commented 1 year ago

再请教个问题哈 defaultCheckedKeys 只有初始设置的时候生效 后期再push进去数据的话是页面视图不更新是什么原因呀😀

lycHub commented 1 year ago

再请教个问题哈 defaultCheckedKeys 只有初始设置的时候生效 后期再push进去数据的话是页面视图不更新是什么原因呀😀

引用没变吧,push完试试 nodes.value = newNodes.slice()

wangxue121 commented 1 year ago

再请教个问题哈 defaultCheckedKeys 只有初始设置的时效 后期再push进入数据的说是页面视图不更新是什么原因呀😀

引用没变吧,push完成测试nodes.value = newNodes.slice()

image 这样没有问题吧 不生效呢 😥

wangxue121 commented 1 year ago

再请教一个问题哈 defaultCheckedKeys 只有初始设置的时间 后期再push输入数据的说是页面视图不更新是什么原因呀😀

引用没有变化吧,push完成测试nodes.value = newNodes.slice()

图像 这样没有问题吧 不生有效呢😥

搞了一天 人已经傻了 到底该咋弄捏 想弄个全选好难呀😭

lycHub commented 1 year ago

defaultCheckedKeys.value = defaultCheckedKeys.value.contact('0-1-4')

wangxue121 commented 1 year ago

defaultCheckedKeys.value = defaultCheckedKeys.value.contact('0-1-4') 搞定了 👍