Vue.js Ошибка "отсутствует параметр для именованного маршрута "editarProductos": Ожидается, что будет определен "id_producto"".

При настройке HTML-кнопок в vue.js я получил предупреждение в консоли: Отсутствует параметр для именованного маршрута "editarProductos": Expected "id_producto" to be defined Проверив свой код, я могу сделать вывод, что у меня проблема со слотом и slot-scope. Сейчас я работаю с @vue/cli 5.0.8

Кроме того, в строке "data.item.id" из кода ниже, "data" отражает ошибку: "Свойство 'data' может не существовать для типа 'Vue3Instance<{ fields: { key: string; label: string; }[]; productos: never[]; },"

Надеюсь, вы, ребята, сможете мне помочь, СПАСИБО...

//C O D E//

<template slot="action" slot-scope="data">
       <b-button size="sm" variant="primary" :to="{ name:'editarProductos', params: 
        {id_producto: data.item.id}}">
        Editar
     </b-button>
     <b-button size="sm" variant="danger">
       Eliminar
     </b-button>

                        </template>
                    
                    </b-table>

                </div>
            </div>
        </div>
    </div>
  

  
<script>
import axios from 'axios';
export default {
    data(){
        return{
            fields: [
                {key: 'nombreProd', label: 'Nombre'},
                {key: 'precioProd', label: 'Precio'},
                {key: 'contenido', label: 'Contenido neto'},
                {key: 'descripcionProd', label:'Descripción'},
                {key: 'action', label:''}
            ],
            productos: []
        }
    },

в вашем коде есть проблема (возможно, вы новичок в vue, это нормально, продолжайте и у вас все получится)

Для вашей проблемы: Вам не нужен префикс data, достаточно item.id, смотрите этот пример: https://vuejs.org/guide/introduction.html#api-styles

Если это все еще не работает, убедитесь, что ваши params(id_producto) не являются обязательными, см. это: https://router.vuejs.org/guide/essentials/route-matching-syntax.html#optional-parameters

Вернуться на верх