ElementUi el-tree 实现选数据旁边显示✔图标，如何让点击右侧X取消勾选左侧的✔也消失

Question

Answer 1

<el-tree
ref="tree"
id="fixtree"
:props="defaultProps"
node-key="unifiedId"
:check-on-click-node="true"
:load="loadNode"
:filter-node-method="filterNode"
:check-strictly="true"
:default-checked-keys="peoples"
lazy
@check-change="getChecked">
<span class="custom-tree-node" slot-scope="{ data, node}">
<span v-if="data.type === false">

  <img v-if="data.choiceStatus === false" class="organization-img" src="../assets/images/zu.png" alt="" />
  <img v-else class="organization-img" src="../assets/images/zus.png" alt="" />
  <span :style="data.choiceStatus === true ? 'color: #C9CACB;' : ''">{{ data.name }}</span>

</span>
<span v-if="data.type === true">

  <img v-if="data.name" class="organization-img" src="../assets/images/user.png" alt="">
  <span>{{ data.name }}</span>
  <span
  v-if="node.checked"  //是否显示勾
  class="el-icon-check"
  ></span>

</span>
</span>
</el-tree>