我们在使用element的el-cascader组件时,会遇到数据比较多的情况,这时候就要用到el-cascader组件的懒加载,点击一级目录去请求二级目录数据,点击二级去请求三级目录数据等等,但是在回显的时候,因为数据是通过点击二级目录才能拿到,所以页面刚开始是没有数据的故我们拿到id也无法回填数据。
解放方案一
placeholder
我们可以通过placeholder来把文字放到输入框内,通过修改placeholder的字体颜色来实现
<el-cascader
ref="cascaderRef"
v-model="row.healthCode"
:placeholder="row.placeholder || '请输入'"
filterable
show-all-levels
:props="{ lazy: true, lazyLoad: lazyLoadData }"
:options="knowledgeOptions"
></el-cascader>
收集到别的方案我会更新的这里