html – ¿Cómo seleccionar un elemento de un v-group dinámicamente con Vuetify?

He encontrado muy poca información útil tanto en inglés y en español sobre cómo poder asignarle el valor de checked de una opción de un v-radio que se construye dinámicamente.

Explico qué tengo y qué necesito.

Tengo la siguiente lista de objetos que guardo en una variable llamada preguntas:

(
    {
        id : 1,
        titulo_pregunta : 'Pregunta uno'
        reactivos : {
            reactivo_contestado : 1,
            preguntas : (
                {
                    id : 1,
                    titulo_reactivo : 'Opción uno',
                },
                {
                    id : 2,
                    titulo_reactivo : 'Opción dos',
                },
            )
        }
    },
    {
        id : 2,
        titulo_pregunta : 'Pregunta dos'
        reactivos : {
            reactivo_contestado : 4,
            preguntas : (
                {
                    id : 3,
                    titulo_reactivo : 'Opción uno',
                },
                {
                    id : 4,
                    titulo_reactivo : 'Opción dos',
                },
            )
        }
    },
)

La cual tomo para construir un examen usando el siguiente código:

<div v-for="(pregunta, index) in preguntas">
    <h1>{{ pregunta.titulo_pregunta }}</h1>
    <v-radio-group>
        <v-radio 
        v-for="(reactivo in pregunta.reactivos.preguntas)" 
        :label="reactivo.titulo_reactivo"
        :value="reactivo.id">           
        </v-radio>
    </v-radio-group>
</div>

Entonces, dado el anterior código, lo que necesito hacer es seleccionar con un checked el v-radio donde sean iguales el id de la pregunta y el reactivo_contestado.

Es decir, por ejemplo, el primer elemento de la lista de preguntas tiene sus reactivos y además tiene una propiedad llamada reactivo_contestado con valor de 1. Lo que quiero hacer es comparar en cada iteración con una condición de que si ( reactivo_contestado == reactivo.id ) (en este caso sería 1 == 1 y daría true) le ponga un checked y se dibuje seleccionado ese elemento del v-radio, sin embargo, Vuetify no reconoce esta instrucción, por lo que nace de ahí mi duda de cómo hacerlo e indicarle a Vuetify que necesito que ese v-radio esté checado dada la condición anterior.

Gracias.

html – ¿Como posiciono un elemento en medio de una pantalla? HTML5 y CSS3

me encuentro aprendiendo HTML y CSS, se como organizar las cosas en el medio de la pantalla utilizando

margin-left:auto;
margin-right:auto;

pero no se como posicionar un bloque en medio de forma vertical.

El codigo CSS del bloque que quiero posicionar es el siguiente:

.content{
height: 350px;
background-color: chocolate;
margin-left:10%;
margin-right: 10%;
padding: 5%;
}

Gracias a todos

html – Como inserir uma scrollbar dentro do elemento th de uma tabela?

Gostaria de fixar o tamanho da célula da tabela, e caso a informação contida ultrapassasse esse limite, uma scrollbar aparecesse apenas para a célula específica, permitindo que o usuário veja toda a informação, mas mantendo o tamanho fixo definido anteriormente. Meu código atualmente está assim:

<table  class="tabela">
            
            <tr class="titulo">
                <th>Nome</th>
                <th>Sobrenome</th>
                <th>Endereço</th>
                <th>Tel. do familiar</th>
                <th>Nome do familiar</th>
                <th>Crimes cometidos</th>
                <th>Duração da pena</th>
                <th>Data da prisão</th>
                <th>Ação</th>

            </tr>

            
            <% lista.forEach(function(user){ %>
            
            <tr>
                <th> <%= user.nome %></th>
                <th> <%= user.sobrenome %> </th>
                <th> <%= user.endereco %> </th>
                <th> <%= user.tel_familiar %> </th>
                <th> <%= user.nome_familiar %> </th>
                <th> <%= user.crimes_cometidos %> </th>
                <th> <%= user.duracao_pena %> </th>
                <th> <%= user.dia_aprisionamento %> </th>
                <th>

                    <form method="post">
                        <input type="submit" name="botao" value="Editar">
                        <input type="submit" name="botao" value="Excluir">
                        <input hidden type="text" name="id" value="<%= user.id %>">
                    </form> 
                        
                </th>
                
                
            </tr>
            <% }) %>
            
        </table>

O arquivo CSS está assim:

.tabela, th{
  border: 3px solid black;
  border-collapse: collapse;
  margin:auto;
}

.tabela th{
    width:5%;
}

.tabela{
    max-width: 95%;
    margin-top:1%;
}

.titulo{
    font-size: 16px;
    background-color:rgb(20, 20, 20);
    color:white;
}

form input(type=submit){
    margin:5px;
}

Typescript/NodeJS obtener elemento de un objeto devuelto en JSON

Estoy recuperando de una función un objeto definido previamente y obtenido como resultado de una query:

 objeto: Object();

 respuesta.json({
    ok: true,
    objeto
  });

me ofrece el resultado correcto de todo el objeto:

   {
        "ok": true,
         "objeto": (
             {
                "id": 1,
                "nombres": "John Smith",
                "email": "test@test.com",
                "password": "123456789456123",
             },
        )
  }

necesito obtener solamente el elemento “password” de ese objeto, algo como:

 respuesta.json({
    ok: true,
    objeto,
    elemento de mi objeto : objeto.password  o bien   objeto(posicion)
  });

java – ¿Cómo se puede eliminar un elemento desde de un Fragment en la base de Datos en RealTime Firebase?

Esta parte lee los datos y los muestra en el recyclerview, cuando se presiona un imageview dentro de cada item del array, si detecta el id y el objeto pero no lo borra en la base de datos, ya hasta se puso las reglas todas en true, pero ni así lo logro

ref=database.getReference("Productos");
 ref.addValueEventListener(new ValueEventListener() {
        @Override
        public void onDataChange(@NonNull DataSnapshot snapshot) {
            for(DataSnapshot snapshot1:snapshot.getChildren()){
                Offer e=snapshot1.getValue(Offer.class);
                mList.add(e);
            }
            mAdapter.setOnItemClickListener(new OfferAdapter.OnItemClickListener() {
                @Override
                public void deleteItem(int position) {
                    String id=mList.get(position).getId();
                    FirebaseDatabase.getInstance().getReference("Productos").child(id).child("token").removeValue();
                }
            });
            mAdapter.notifyDataSetChanged();

        }

        @Override
        public void onCancelled(@NonNull DatabaseError error) {
        }
    });

Este es la parte del adapter donde se hace click sobre la imagen en cuestión

public interface OnItemClickListener{
    void deleteItem(int position);
}
public void setOnItemClickListener(OnItemClickListener listener){
    mlistener=listener;
}
    public OfferViewHolder(@NonNull View itemView, final OnItemClickListener listener) {
        super(itemView);
        //Recuperamos de la vista las variables
  
        btndelete=itemView.findViewById(R.id.btndelete);

        btndelete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(listener!=null){
                    int position = getAdapterPosition();
                    if(position!=RecyclerView.NO_POSITION){
                        listener.deleteItem(position);
                    }
                }
            }
        });
    }

}

html5 – No inserta elemento con javascript

estoy intentando insertar un elemento de forma dinámica en HTML con javascript para que se quede incorporado al documento, pero la cuestión es que no ingresa dicho elemento, a ver si alguien me puede echar una mano y qué es lo que le está pasando.
Muchas gracias de antemano.

function enviarTarea(){
    var nombre = document.getElementById("nombre").value;
    var descripcion = document.getElementById("descripcion").value;
    var referencia = document.getElementById("referencia").value;
    var archivo = document.getElementById("archivo").value;
    var equipo = document.getElementById("equipo").value;
    var observaciones = document.getElementById("observaciones").value;


    var div = document.createElement("div");
    div.className = "column";
    div.draggable = "true";
    div.insertAdjacentText("beforeend", nombre + " - " +
                                        descripcion + " - " +
                                        referencia + " - " +
                                        archivo + " - " +
                                        equipo + " - " +
                                        observaciones);

    var divPendiente = document.querySelector(".pendiente");
    var columnPendiente = divPendiente.querySelector(".columns");
    columnPendiente.insertAdjacentElement("afterbegin", div);
    // columnPendiente.innerHTML(div);
}
<div class="formulario">
        <!-- <form action="enviarTarea()" method="post"> -->
        <form onsubmit="enviarTarea()" name="formularioTareas">
            <div class="form-group">
                <label for="nombre">Nombre</label>
                <input type="text" name="nombre" id="nombre" placeholder="Nombre" required class="form-control">
            </div>
            <div class="form-group">
                <label for="descripcion">Descripcion</label>
                <textarea name="descripcion" id="descripcion" placeholder="Descripción de la tarea" maxlength="500" class="form-control" ></textarea>
            </div>
            <div class="form-group">
                <label for="referencia">Referencia</label>
                <input type="text" name="referencia" id="referencia" class="form-control" >
            </div>
            <div class="form-group">
                <label for="archivo">Archivo</label>
                <input type="text" name="archivo" id="archivo" class="form-control" >
            </div>
            <div class="form-group">
                <label for="equipo">Equipo</label>
                <input type="text" name="equipo" id="equipo" class="form-control" >
            </div>
            <div class="form-group">
                <label for="observaciones">Observaciones</label>
                <textarea name="observaciones" id="observaciones" placeholder="Observaciones de la tarea" maxlength="500" class="form-control" ></textarea>
            </div>
            <div class="form-group" id="botones-form">
                <input type="submit" value="Grabar">
                <input type="reset" value="Resetear">
            </div>
        </form>
    </div>

    <div class="tablero">
        <div class="pendiente">
            <h1>Pendiente</h1>
            <div class="columns"></div>
        </div>
        <div class="realizando">
            <h1>Realizando</h1>
            <div class="columns"></div>
        </div>
        <div class="hecho">
            <h1>Hecho</h1>
            <div class="columns"></div>
        </div>
        <div class="pedido">
            <h1>Pedido</h1>
            <div class="columns"></div>    
        </div>
    </div>

La idea es insertar un elemento (columna) en este bloque (), cuando ejecuto el botón del formulario, yo con el depurador de código veo que va a la función de javascript (enviarTarea()) y monta el elemento lo añade con “insertAdjacentElement” pero luego esto no se ve reflejado en la página web, es decir, que no se visualiza.
Muchas gracias nuevamente.
Un saludo.

c – Deletar elemento da fila e liberar memoria para esta função?

Estou começando a entender melhor ponteiros e estou implementando uma fila, e segue a função:

FILA *removeNodeFIFO(FILA **raiz)
{
    FILA *aux = *raiz;
    if (aux == NULL)
    {
        return NULL;
    }
    else
    {
        if (aux->prox == NULL)
        {

            *raiz = NULL;
            return aux;
        }
        else
        {
            *raiz = aux->prox;
            return aux;
        }
    }
}

Estou passando a raiz por referencia, já que tenho que atualizar a raiz e retornar o elemento deletado, mas não sei como faria para retornar o elemento deletado e depois desalocar da memória, para isso precisaria usar o free(aux) logo após o return, como posso liberar depois de retornado?

python – Como dividir o valor de um elemento de uma coluna por delimitador (p.e “|”) no pandas?

Imaginemos que temos a seguinte coluna:

coluna1
ola | 52
   hey
   sou
   ja
 da |5
  24g

O output esperado seria:

coluna1
   ola
    52
    hey
    sou
     ja
     da
     5
     24g

Até ao momento, estou a tentar a manipulação de string com o split e rsplit e ainda não consegui obter o resultado esperado…como p.e

 df.coluna1.str.split("|")