arnodp Ответов: 0

Как передать параметр из представления в корень vue компоненту?

i am trying to pass a string from Vue root to component, i am rather new to vue and not sure how to correctly pass data.

the parameter i am trying to pass is: userId


View: Index.cshtml ( именно здесь я получаю свой параметр )

@using Microsoft.AspNetCore.Identity
@inject SignInManager<User> SignInManager
@using LaBouteilleDamour.Domain.Models;
@inject UserManager<User> UserManager

@if (SignInManager.IsSignedIn(User))
{
    User user = await UserManager.GetUserAsync(User);
    var userid = UserManager.GetUserId(User);

    <div id="cartApp" userId:"userid"></div>
    <script src="./js/Cart.bundle.js" asp-append-version="true"></script>
}


Корень-вю: корзина.загрузки.ТС
import Vue from "vue";
import Cart from "./Components/Cart.vue";

new Vue({
    el: "#cartApp",
    template: '<Cart :userId="userId" />',
    props: {
    *userId: String,
    },
    components: {
        Cart
    }
});


Компонент Vue: Cart.vue ( куда мне нужен параметр, чтобы перейти )
<template>
 /*HTML*/
</template>

<script lang="ts">
    import ShoppingCartItem from "../Components/ShoppingCartItem.vue";
    import ShoppingCartService, { ICartItem } from "./AP
/ShoppingCartService";
    import Vue from "vue";


    interface IShoppingCartpageData {
        items: ICartItem[],

    }

    export default Vue.extend({
        data(): IShoppingCartpageData {
            return {
                items: [],
            }
        },
        props: {
            userId: {
                type: String,
                required:true,
            }
        },
        ...
    })
</script>


Что я уже пробовал:

Множество реквизитов и способов доступа к ним, но я понятия не имею..

0 Ответов