需求 后端返回几个id,select 默认选中
在这里插入图片描述
后端返回的格式 tag: ‘1,2,3,4’ // 这些是id

这个options数据格式

let tagslist = [
  {
    name:'vue',
    id:1,
  },
   {
    name:'node',
    id:2,
  },
   {
    name:'react',
    id:3,
  },
   {
    name:'ng',
    id:4,
  }
]

如何默认选中这些数据

  1. value-key 和 value的配合使用
    在这里插入图片描述
  2. 这个tag的数据(后端给前端返回是 ‘1,2,3,4’ 这个字符串),前端需要处理这个数据
  		 	let data = [];
            let tag = this.ruleForm.tag.split(",");
            tagslist.forEach(item => {
              tag.forEach(code => {
                if (item.id == code) {
                  data.push(item);
                }
              });
            });
            this.ruleForm = {
              ...this.ruleForm,
              tag: data
            };
Logo

前往低代码交流专区

更多推荐