vue 中一个页面内,左边树控件 tree,右边表格 table,求问怎么实现该效果? - V2EX
fancymf
0.04D

vue 中一个页面内,左边树控件 tree,右边表格 table,求问怎么实现该效果?

  •  
  •   fancymf Sep 24, 2024 1321 views
    This topic created in 599 days ago, the information mentioned may be changed or developed.
    如图



    vue 中,使用 antd 控件, 左边是 tree ,右边是联动 tree 控件显示当前选中树节点的表格,表格数据很多,可能有几千条,表格中多选。

    目的是:当右边表格选中几条数据,不是全部勾选的时候,左边的节点是 半勾选 的状态(不是打了勾的全勾状态)



    但是呢左边的节点又不是可以展开的那种,设置在 halfChecked 数组内的又不可以。
    paopjian
        1
    paopjian  
       Sep 24, 2024
    虽然不懂 antd,但是右边组件设置 click 后,可以 emit 带个 id 到父组件,父组件再传给 ree 组件,tree 组件判断当前 id 在哪个组里判断是应该全勾选 半勾选 空 这个流程?
    fancymf
        2
    fancymf  
    OP
       Sep 24, 2024
    @paopjian #1 额,我主要现在不确定是否 含有子节点的 父节点 才能有半勾选 的状态。。。因为现在是勾选了子节点,父节点就会自动半勾选嘛,我上午写死节点 id 进 半勾选 的 数组中,好像无效。。
    fancymf
        3
    fancymf  
    OP
       Sep 24, 2024
    checkStrictly 为 true 就可以解决随意放全勾选 半勾选的数组内随之显示的问题了。但是又有新的问题了,勾选父节点,子节点不会随着被勾选。。
    paopjian
        4
    paopjian  
       Sep 24, 2024
    @fancymf 父节点勾选,全选子节点是有一个专门的选项吧, 父子选项联动的
    About     Help     Advertise     Blog     API     FAQ     Solana     983 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 23:03 PVG 07:03 LAX 16:03 JFK 19:03
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86