问题:
在利用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-change="cascaderView"
@on-change="cascaderChange" :disabled="AuNoDis"
:data="auth