vue+element级联选择器(选择任意一级选项)

页面效果

页面代码：

<el-form-item v-if="!splmData.id ? 'splmData.id' : null" label="父级分类：" prop="parentId">
          <el-cascader v-model="parentId" :options="parentData" :props="optionProps" 
          clearable></el-cascader>
</el-form-item>

添加v-if 判断是为了在添加中显示，而修改时隐藏，由于第一次学习写vue，只能使用比较笨的方式

 

下面实现步骤

export default {
  name: "ProductSplm",
  data() {
    return {
      parentData: [],
      parentId: "",
      optionProps: {
        value: "id",
        label: "name",
        children: "children",
        checkStrictly: true
      },
    };
  },