mui-tree-select

根据提供的引用内容，mui-tree-select是一个基于mui框架的树形选择组件。它可以让用户通过点击树形结构中的节点来选择相应的选项。当用户切换选中项时，会触发selected事件，并且可以通过事件参数（e.detail.el）获取当前选中的节点。

以下是一个示例代码，演示了如何使用mui-tree-select组件：

<div class="mui-tree-select">
  <ul class="mui-table-view mui-table-view-radio">
    <li class="mui-table-view-cell">
      <a class="mui-navigate-right">节点1</a>
      <ul>
        <li class="mui-table-view-cell">
          <a class="mui-navigate-right">子节点1</a>
        </li>
        <li class="mui-table-view-cell">
          <a class="mui-navigate-right">子节点2</a>
        </li>
      </ul>
    </li>
    <li class="mui-table-view-cell">
      <a class="mui-navigate-right">节点2</a>
    </li>
  </ul>
</div>

<script>
  var list = document.querySelector('.mui-table-view.mui-table-view-radio');
  list.addEventListener('selected', function(e) {
    console.log("当前选中的为：" + e.detail.el.innerText);
  });
</script>

在上面的示例中，我们创建了一个包含树形结构的mui-tree-select组件。当用户选择某个节点时，会触发selected事件，并通过事件参数e.detail.el获取当前选中的节点。在示例中，我们将选中节点的innerText打印到控制台上。