Vue.js iView Cascader级联选择 知道叶子节点反向绑定

问题：

        在利用Vue.js和iView组件库设计网页时，使用到了Cascader级联选择，Cascader的data为Array，反向绑定出现问题

细节描述：

        使用到Cascader组件的界面既承担新建项目的功能，又承担编辑（修改）项目的责任，对于新建项目的过程，在提交时，将Cascader对应的属性进行如下操作，实现Array到string的需求。

this.relation.AuNo = this.relation.AuNo[this.relation.AuNo.length - 1]

        但在编辑功能时，我们需要将后台返回的数据（或者父组件props下来的值）绑定到Cascader上，让其处于被选择的状态，并disabled。在此过程中，我们获得值是string类型，但是Cascader接受data为Array类型。

相关组件及代码：

Cascader组件

<Cascader v-model="relation.AuNo" @on-visible-chang