先看问题有数据返回,但是不回显在el-cascader组件上面。
主要方法就是:使用el-cascader标签的:placeholder属性来回显内容
detailist.prefecture 是我这边自己的字段,改成你对应的字段就好。
<div class="prefecturecss">
<el-form-item label="地区" prop="prefecture">
<el-col :span="24">
<el-cascader
:placeholder="detailist.prefecture"
ref="locationCascader"
v-model="detailist.prefecture"
:options="cityData"
@change="handleChange"
style="width: 100%"
>
</el-cascader>
</el-col>
</el-form-item>
</div>
回显内容字体颜色比较淡
加入样式(写三遍是针对不对浏览器)
::v-deep .prefecturecss .el-input input::-webkit-input-placeholder {
color: #606266;
}
::v-deep .prefecturecss .el-input input::-moz-input-placeholder {
color: #606266;
}
::v-deep .prefecturecss .el-input input::-ms-input-placeholder {
color: #606266;
}
参考来源:参考来源