layui中xmselece单选树

在layui中使用xmselect实现单选树，可以按照以下步骤：

1. 引入必要的layui组件：

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<script src="layui/xm-select.js"></script>

2. 定义一个select元素，添加`xm-select`类和`name`属性：

<select xm-select="demo1" name="demo1"></select>

3. 使用JavaScript代码初始化xmselect：

layui.use(['xmSelect'], function () {
  var xmSelect = layui.xmSelect;
  var demo1 = xmSelect.render({
    el: '#demo1',
    name: 'demo1',
    filterable: true,
    searchTips: '请输入搜索内容',
    radio: true,
    clickClose: true,
    prop: {
      value: 'id',
      name: 'name'
    },
    data: [
      {
        "id": 1,
        "name": "节点1",
        "children": [
          {
            "id": 2,
            "name": "节点1-1",
            "children": [
              {
                "id": 3,
                "name": "节点1-1-1"
              },
              {
                "id": 4,
                "name": "节点1-1-2"
              }
            ]
          },
          {
            "id": 5,
            "name": "节点1-2"
          }
        ]
      },
      {
        "id": 6,
        "name": "节点2"
      }
    ]
  });
});

其中，`el`属性指定要初始化的select元素，`data`属性为树形数据，`prop`属性指定树节点的value和name属性名，`radio`属性设置为true表示单选模式。

4. 完成后即可在页面上看到一个单选树，用户可以通过搜索框输入内容来快速查找节点，点击节点即可选择该节点。选择的结果可以通过表单提交或JavaScript代码获取。