+Vue+el-cascader のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
+Vue+el-cascader へ行く。
- 1 (2022-05-22 (日) 11:33:32)
- 2 (2022-05-22 (日) 11:46:30)

※前提条件：本文基于 Vue 2.0 创作

只可以选择最下层的节点
可以选择父节点

联级选择器

只可以选择最下层的节点 †[edit]

<el-form-item label="父部门" prop="pid">
  <el-cascader
    popper-class="el-cascader-device-type"
    v-model="selfForm.pid"
    :options="optDepartments"
    :props="propsMapping"
    :show-all-levels="false"
    @change="optChange()"
    clearable
  ></el-cascader>
</el-form-item>

data(){
  return {
      propsMapping: { label: 'name', value: 'id', children: 'Children' },
}

optDepartments 的数据结构

{
	"label": "生产部",
	"value": "1",
	"children": [{
		"label": "第一车间",
		"value": "2",
		"children": [{
			"label": "装配组",
			"value": "3",
			"children": []
		}]
	}]
}

↑

可以选择父节点 †[edit]

#codeprettify{{
}}

コメント：