Después de consultar con expertos en esta materia, programadores de varias ramas y profesores hemos dado con la respuesta a la interrogande y la dejamos plasmada en esta publicación.
Solución:
Si está utilizando la versión 2.0.0 o posterior de bootstrap-vue
necesita cambiar los nombres de las ranuras a medida que han cambiado, y la antigua ranura vue también ha quedado obsoleta a favor de v-slot
.
Cambié el violín de respuestas aceptadas para trabajar con el nuevo nombre y la ranura en V
new Vue(
el: "#app",
data:
fields: [
key: "id",
label: "Id",
colType: "span"
,
key: "name",
label: "Name",
colType: "button"
,
key: "uhh",
label: "uhh..",
colType: "idk"
],
items: [
id: 0,
name: "Test 0"
,
id: 1,
name: "Test 1"
,
id: 2,
name: "Test 2"
]
);
[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
[email protected]/dist/bootstrap-vue.css" rel="stylesheet" />
data.item.name
Am Button
data.item.name
Am Span
data.item.name
Am Confused
Aquí hay un jsfiddle que muestra columnas dinámicas con una tabla b: https://jsfiddle.net/nardnob/wvk6fxgt/
new Vue(
el: "#app",
data:
fields: [
key: "id",
label: "Id",
colType: "span"
,
key: "name",
label: "Name",
colType: "button"
,
key: "uhh",
label: "uhh..",
colType: "idk"
],
items: [
id: 0,
name: "Test 0"
,
id: 1,
name: "Test 1"
,
id: 2,
name: "Test 2"
]
);
data.item.name
Am Button
data.item.name
Am Span
data.item.name
Am Confused
Reseñas y valoraciones del tutorial
Nos puedes proteger nuestra tarea exponiendo un comentario y dejando una puntuación te lo agradecemos.
¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)