清楚el-tree点击效果

el-tree点击效果可以通过修改组件的样式或者使用组件提供的方法来实现。根据引用，可以通过修改样式来改变点击效果。具体可以使用自定义的样式类，并在其中定义点击效果的样式。例如，可以给父节点添加一个样式类，当点击父节点时，隐藏或去除子节点的选中效果和背景。另外，根据引用，也可以通过在DOM节点树中去除el-tree组件来实现相应的效果。

另外，根据引用，element的el-tree组件提供了this.$refs.tree.setCheckedKeys([])方法来改变是否勾选的状态。使用该方法可以在点击事件中去除节点的选中状态。

综上所述，清楚el-tree点击效果的方式有两种：一种是通过修改样式来改变点击效果，另一种是使用组件提供的方法来改变节点的选中状态。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

相关问题

el-tree点击不收起设置

对于el-tree点击不收起设置的问题，您可以通过设置tree.props.expandOnClickNode为false来实现点击节点不收起的效果。具体代码如下：

<el-tree :data="data" :props="tree.props" :expand-on-click-node="false"></el-tree>

请注意，你需要根据你的具体情况修改data和tree.props。

el-select和el-tree组合

el-select和el-tree可以组合使用，以实现树形选择的功能。在这个例子中，el-select用作下拉选择框，el-tree用作树形结构展示和选择。通过el-tree的节点点击事件和选中状态的变化，可以实现与el-select的关联。

在这个例子中，通过el-tree的handleNodeClick方法来处理节点的点击事件。当节点被点击时，通过this.$refs.tree.getCheckedNodes()获取选中的节点数据，然后将数据存储到selectTree数组中，并将对应的label值存储到value数组中。这样就实现了el-select的选中和展示。

同时，通过@remove-tag和@clear事件来处理el-select的标签移除和清空操作。在removetag方法中，通过splice方法从selectTree数组中移除对应的标签，并通过this.$refs.tree.setCheckedNodes方法将对应的节点取消选中。在clearall方法中，将selectTree数组和el-tree的选中节点都清空。

在html部分，el-select的v-model绑定到value数组，用于存储选中的标签值。el-option的value绑定到selectTree数组，用于展示选中的标签。el-tree的data绑定到list数组，用于展示树形结构。通过ref属性将el-tree命名为tree，以便在方法中使用。

综上所述，el-select和el-tree的组合可以实现树形选择的功能。通过el-tree的节点点击事件和选中状态的变化，与el-select进行关联，实现选中和展示的效果。