网站营销体系的建设及运营情况,云浮各类免费建站,博远手机销售管理系统app,wordpress文章分类插件点击修改会跳出一个dialog#xff0c;dialog需要显示信息#xff0c;其中地址使用el-cascader标签并使用懒加载实现#xff0c;地址数据都是从后台获取#xff0c;如果直接使用v-model绑定默认值#xff0c;会不显示。
解决方法1#xff1a;
el-cascader classdialog需要显示信息其中地址使用el-cascader标签并使用懒加载实现地址数据都是从后台获取如果直接使用v-model绑定默认值会不显示。
解决方法1
el-cascader classcascader v-modeladdress :optionsoptions:propsprops :placeholderplaceholder/el-cascader配合css
.cascader::v-deep .el-input__inner::placeholder {color: #606266;
}这个方式使用placeholder显示默认值并且并没有做出修改的情况下仍然不会改变下面的样式是实现字体颜色改变为正常
解决方法2
编辑状态下用一个el-select回显当前的选择项,当然是要初始化数据的值的, 点击变更, 给这个select隐藏, 把cascader显示出来。
解决方法3回显效果
回显效果实现
解决方法4
使用到其他库lazy-cascader 使用方式
注意
this.$refs[‘cascaderRefArea’].inputValue 你初始要展示的值’这种方式会有bug仅仅只是点击了el-cascader没有进行修改则会默认值消失变成空内容