史上最简单的el-cascader动态加载回显的解决办法
关于el-cascader动态加载时回显内容的解决办法
·
教大家最简单的element-ui的el-cascader级联选择器回显方法,特别是对动态加载时特别简单,不过确实有点辣眼睛。废话不多说了,就是使用el-cascader标签的:placeholder属性来回显内容。例如:我要回显示园区名称,代码如下:
<el-cascader
v-if="isShowInfo"
ref="parkCascader"
v-model="parkOptions"
:props="parkParams"
@change="handleChange"
:show-all-levels="true"
:placeholder="form.parkName"
style="width: 100%"
clearable>
</el-cascader>
原理很简单,就是在要回显时把form.parkName的属性内容准备好就行,不过,这样回显内容字体颜色比较淡,但无伤大雅!还有一点就,如果在修改el-cascader的内容时如果是清空的话,别忘了把form.parkName的内容也清空哦,不然显示内容会与实际不符。最后需要注意的话,虽然回显内容没有问题,但是parkOptions的值需要按套路正确操作。如果大家还有问题,请留言!
更多推荐
已为社区贡献2条内容
所有评论(0)