vue iview 级联选择如何直接展示第一级内容，而不是自己去点击展示第一级

Question

https://www.iviewui.com/compo...

当页面刷新直接展示

不是去click
请问怎么做啊？

    <Cascader :data="data"  @on-change="handleChange" >
        <a href="javascript:void(0)">请选择商品</a>
    </Cascader>
    </div>
    <div class="selectedSort"><b>您当前选择的商品类别是：</b><i id="selectedSort"> {{text}}</i></div>
    <div class="wareSortBtn">
        <input id="releaseBtn" type="button" value="下一步" disabled="disabled" />
    </div>

Answer 1

改成这样

<template>
  <Cascader ref="cascader" :data='data' v-model='value1'></Cascader>
</template>

mounted () {
  console.log(this.$refs.cascader.$refs)
  this.$refs.cascader.$refs.reference.click()
}
// 用原生click去触发，组件里的reference是个原生dom

Answer 2

修改答案，没注意看iview的demo，iview 也能实现展示默认值，就在题主给的链接

具体参考 demo

同时element-ui也能指定默认值