使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示

问题:使用elementui在打开编辑页面时select多选选择框(自定义模板)不能显示文字,只显示标签

项目上的select下拉数据是在聚焦时才加载数据;

解决方法:select下拉数据改成页面初始化时就加载;

原因:组件已经渲染完成,数据仍在加载


  
  
area3自定义的格式:[{
  id:'',
  lablel: '',
  value: '',
  type: ''
}]

1.打开编辑页面时得到数组赋值给searchFormData.area3,如上述数组,area3Options还没加载数据(聚焦时加载)

使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示_第1张图片

2.打开编辑页面时得到数组赋值给searchFormData.area3,同时加载area3Options的数据

使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示_第2张图片

你可能感兴趣的:(前端)