zoukankan      html  css  js  c++  java
  • VUE + Element UI (级联选择器 Cascader , 树形选择器 tree)

    级联选择器

    <el-cascader
        v-model="data"   // 用来显示数据
        :options="options"  // options 里面的数据 就是级联选择器里面的内容
        placeholder="请选择"
        :props="customProps"  // element UI 默认input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ,就需要 props 来配置。
        @change="handleNodeClick"
        ref="myCascader">
        </el-cascader>

    因为后台返回的数据不是label,和 value关键字 重新设置显示默认框对应的值:

    customProps:{
              label:'typeName',
              children:'child',
              value : 'id'
            }

    v-model = "data" 

    data 是个数组

     树形选择器有一个同样的问题,就是默认是label 字段显示,如果后台返的不是label字段,同样要设置props

    https://blog.csdn.net/woshidamimi0/article/details/96592937

  • 相关阅读:
    10-2[RF] OOB validation
    5.css背景以及书写位置
    4.css基础
    3.表单form
    2.表格
    1.html基础
    正则表达式
    协程
    7.树与树算法
    6.排序与二分查找
  • 原文地址:https://www.cnblogs.com/rabbit-lin0903/p/12273582.html
Copyright © 2011-2022 走看看