caixa de seleção da interface do usuário do elemento, selecionada por padrão por meio dos dados enviados em segundo plano

Um problema encontrado ao escrever um projeto hoje, pois o background é uma string, se o valor exigido pelo atributo check for um valor booleano, deveria existir uma forma de resolver, mas não encontrei, e então ligar o background através do v-model. Para os dados, para completar esta pequena função

Etapa 1: v-model="role.permission" na tag <el-checkbox-group>. Aqui role.permission são os dados obtidos em segundo plano, conforme mostrado na figura:

        <el-checkbox-group
          v-model="role.permission"
          @change="permissionchange($event)"
        >
          <el-checkbox label="read">读</el-checkbox>
          <el-checkbox label="write">写</el-checkbox>
          <el-checkbox label="delete">删</el-checkbox>
        </el-checkbox-group>

Observe aqui que o valor do rótulo na caixa de seleção el deve corresponder ao nome dos dados obtidos

Passo 2: Converta a string obtida em segundo plano em uma matriz

 role: {
        roleName: '',
        reMark: '',
        menuIds: '',
        permission: [],
      },
this.role.permission = res.data.role.permission.split(',')

Neste momento, qual é o valor em role.permission, o el-checkbox acima e o rótulo serão selecionados por padrão

Acho que você gosta

Origin blog.csdn.net/lolhuxiaotian/article/details/123656267
Recomendado
Clasificación