可以直接使用element的el-input 或者iview的Input结合及联选择器使用
直接在Cascader里包上input就可以,这样不管在新增里保存还是导入数据的话,都可以任意展示,不用每次都是[‘北京’,‘北京’,‘海淀’]这种格式。
<Cascader :data="cityList" @on-change="handleCascaderChange" :transfer="true">
<el-input
v-model="row.administrativeArea"
placeholder="请选择行政区域"
:readonly="true"
@focus="handleAdress($index)"
>
<!-- slot="suffix"重点 btnClearable事件,value有值就显示没有值就隐藏 -->
<span slot="suffix" v-show="row.administrativeArea" @click="clearableAdress(row,$index)">
<i class="el-icon-close" style="margin-left: 5px;margin-top:13px;cursor: pointer;"></i>
</span>
</el-input>
</Cascader>