vue中cascader默认值的处理

Question

1。我这是医院下的科室数据显示，在加载医生信息时，有用到iviewui的级联控件，我看官方的文档操作默认值，但是我项目中，却加载了数据，但它不会自动显示，在调试器中都看到它的隐藏域里都有值：<input type="hidden" value="8,4,2,7">，可界面上就是显示空的

图片中，1处是它的值，2处它本该显示某个路径下的科室名称，3处点击时，能看到科室树，说明数据加载是正常的

2。相关代码：

var rootArray = vm.select_select.rootline.split(","); //这里是2,8,4,2,7 第一个2是医院的ID，所以是从8,4,2,7来加载当前项的

//cascader4default是hmtl那，这个级联控件绑定的值

        for (var i = 1; i < rootArray.length; i++) {

            vm.cascader4default.push(rootArray[i]);    

        }

3.html那的设置：<cascader :data="cascaderData4edit" v-model="cascader4default" @on-change="editSelectChange" change-on-select></cascader>

cascaderData4edit，已有这家医院下的科室树型数据

实在搞不清楚，它为什么不显示出来，我如果单独写个按钮，重新按上面的值给cascader4default push值进去，它界面就会显示了，搞不懂

Answer 1

我这边场景是这样的：value、options 均是通过接口获取，但是，最后只渲染到 pulldown ，显示并未选中this.options[0]&nbsp;=&nbsp;json.data&nbsp;||&nbsp;{};最后的处理是：set options 的时候：this.$set(this.options,&nbsp;'0',&nbsp;json.data&nbsp;||&nbsp;{});