美文网首页
vue3+elementui的el-cascader 选择器组合

vue3+elementui的el-cascader 选择器组合

作者: 小北呀_ | 来源:发表于2021-06-29 16:30 被阅读0次
<template>
    <div>
       <el-cascader
            @change='changeCascader'
            :props="props"
            clearable></el-cascader>
    </div>
</template>
<script setup>
import { ref } from '@vue/reactivity'
let id = 0;
const props = ref({
    checkStrictly: true ,
    lazy:true,
    lazyLoad(node,resolve){
        const { level } = node;
        if(level == 0){
            // 第一层
            resolve([{value:'1',label:'选项1',leaf: level >= 2}]);
        }
        if(level == 1){
            // 第一层
            resolve([{value:'1-1',label:'选项1-1',leaf: level >= 2}]);
        }
        if(level == 2){
            // 第一层
            resolve([{value:'1-1-1',label:'选项1-1-1',leaf: level >= 2}]);
        }
    }
})
</script>

相关文章

  • vue3+elementui的el-cascader 选择器组合

  • el-cascader 数据处理

    element-ui文档中,el-cascader级联选择器的数据格式为 value, label, childr...

  • 解决使用el-cascader"报错TypeError: Can

    1、what?在使用Cascader 级联选择器中的el-cascader组件进行级联效果实现的时候,想要实现级联...

  • 使用el-cascader"报错TypeError: Canno

    一、问题描述 在使用Cascader 级联选择器中的el-cascader组件进行级联效果实现的时候,想要实现级联...

  • css(二):css基础

    一.选择器 五种:基础选择器,组合选择器,属性选择器,伪元素选择器,伪类选择器。 基础选择器 组合选择器 属性选择...

  • 使用node修改适合element-ui地区选择器的数据

    需求 最近在做关于地区的的选择,使用的是element-ui中的el-cascader级联选择器控件,要按照大区-...

  • css入门(二)

    CSS入门(二) [TOC] 一、组合选择器 每个选择器位可以是任意基础选择器或选择器组合 1.群组选择器 可以一...

  • css选择器

    1 . CSS选择器常见的有几种? 基础选择器 通用元素选择器 ID选择器 类选择器 标签选择器 组合选择器 属...

  • 任务8

    1.CSS选择器常见的有几种? id选择器。 类选择器。 伪类选择器。 属性选择器。 标签选择器。 组合选择器。 ...

  • css基础——选择器

    一、选择器的种类: 标签选择器、id选择器、class选择器、层级选择器、组合选择器 二、分别介绍 1、标签选择器...

网友评论

      本文标题:vue3+elementui的el-cascader 选择器组合

      本文链接:https://www.haomeiwen.com/subject/zwlkultx.html