iview中树形控件的按钮如何隐藏?

需求:隐藏iview中树形控件按钮,在点击的时候根据id来显示出来

1.通过右键控制台,发现这些按钮外层还包着一层span,这些按钮是用render函数渲染出来的,我一时半会有点懵。

2.尝试了一下发现在这个位置把显示改为隐藏,发现果然有效果。

3.这时候要判断哪两个值相等的时候显示,否则隐藏

4.这时候就要去打印,console.log("一些变量");

5.使用三目运算符来判断这两个值是不是相等,如果相等显示;如果这两个值不相等就隐藏

6.找到的值应该是比较简单的,比如1、2、3这样子,后面判断比较方便。

         h(
            "span",
            {
              style: {
                // display: "inline-block",
                //display: "none",
                float: "right",
                marginRight: "32px",
                 display: (thiz.selectConfig.nodeKey==node.node.nodeKey&&thiz.selectConfig.pid!="0"?
            "inline-block":'none')
              }
            },
           [按钮内容]
          )

发布了143 篇原创文章 · 获赞 92 · 访问量 8867

猜你喜欢

转载自blog.csdn.net/weixin_42995083/article/details/103195346
今日推荐