antd vue 多个下拉 联动_基于Vue构建n级联动下拉框组件

利用递归组件实现

组件参数：

v-model 用于双向绑定的属性，目前绑定option里的id

options 一个数组，例如[{title:'a',id:1,children:[{title:'b',id:2}]}]

{ {option.title}}

{ {option.title}}

import { Component, Prop, Vue, Model, Watch } from "vue-property-decorator";

@Component

export default class PropertySelector extends Vue {

private childOptions: any[] = [];

private cvalue: string | number = "";

private pvalue: string | number = "";

@Model("change") private mvalue!: string | number;

@Prop() private options!: any[];

@Watch("options")

private onOptionsChanged(newOptions: any[], oldVal: any[]) {

/*options更新时，处理相关内容*/

if (newOptions.length > 0) {

//