VUE 级联多选的方法,任意一级选择

本人使用vue2.13.0版本
首先说vue进行级联选择,可以选择任意一级
其样本如下
VUE 级联多选的方法,任意一级选择_第1张图片
代码部分:

<div class="block">
  <span class="demonstration">单选选择任意一级选项</span>
  <el-cascader
    :options="options"
    :props="{ checkStrictly: true,multiple: true,emitPath:false }"
    clearable></el-cascader>
</div>
<script>
  export default {
    data() {
      return {
      	options:{[value:'xxx',children:[],lable:'xxx'
      			],}
      		}
      	}
<

以上即可,其中options中为树形结构数据,
checkStrictly:true属性表示上下级不会级联进行选择,
multiple: true属性表示开启多选,
emitPath:false 属性表示在选择节点以后,将该节点单独返回------默认为true 时,当选二级节点时,返回的是[一级节点value,二级节点value]
这里将其设置为false时,则当选择二级或者其他等级的节点时,只返回当前节点值,而不是返回数组

你可能感兴趣的:(前端)