Cascader

Cascader

级联选择框。

说明

组件API详细内容请参考：https://www.antdv.com/components/cascader-cn

使用方法

• 代码示例：

  // 在script标签中按需引入
  import { Cascader  } from '@jecloud/ui';
  export default {
    components: { Cascader  },
  };
  // 在vue的template标签中
  <Cascader
      v-model:value="value"
      :options="[{
          value: 'zhejiang',
          label: 'Zhejiang',
          children: [{
                  value: 'hangzhou',
                  label: 'Hangzhou',
              children: [{
                  value: 'xihu',
                  label: 'West Lake',
              }],
          }]
      }]"
      :getPopupContainer="(triggerNode) => triggerNode.parentNode"
  />

• 事件脚本示例：

  const { Cascader  } = JE.useUi(); 
  const { h }= JE.useVue();
  const data = [{
     value: 'zhejiang',
     label: 'Zhejiang',
     children: [{
         value: 'hangzhou',
         label: 'Hangzhou',
         children: [{
             value: 'xihu',
             label: 'West Lake',
         }],
    }];
  }];
     return h(Cascader , {options: data,getPopupContainer: (triggerNode) => triggerNode.parentNode});

• 额外要注意的属性：