• antd-vue (数选择加图标+treeIcon的配置)==》巨坑,文档里完全没有


    效果图:

    1.代码部分

     <a-tree-select
                style=" 100%"
                treeIcon
                :treeData="treeData"
                v-model="value"
                treeCheckable
                :showCheckedStrategy="SHOW_PARENT"
                searchPlaceholder="Please select"
            >
               <template  slot-scope="text" slot="title">
                    <a-icon type='cluster'/>
                    {{text.value}}
                </template>
    
            </a-tree-select>
    

    2.数据部分

      

    const SHOW_PARENT = TreeSelect.SHOW_PARENT;
    
      const treeData = [
        {
          
          value: '0-0',
          key: '0-0',
          scopedSlots: {
                title: 'title'
            },
        
          children: [
            {
              title: 'Child Node1',
              value: '0-0-0',
              key: '0-0-0',
                
            },
          ],
        },
        {
          title: 'Node2',
          value: '0-1',
          key: '0-1',
          children: [
            {
              title: 'Child Node3',
              value: '0-1-0',
              key: '0-1-0',
              disabled: true,
            },
            {
              title: 'Child Node4',
              value: '0-1-1',
              key: '0-1-1',
            },
            {
              title: 'Child Node5',
              value: '0-1-2',
              key: '0-1-2',
            },
          ],
        },
      ];
    

      

  • 相关阅读:
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    Live2d Test Env
    python嵌套列表知多少
    旋转图像
  • 原文地址:https://www.cnblogs.com/miaSlady/p/12660595.html
Copyright © 2020-2023  润新知