programing

Custom Nova Tool에서 Laravel Nova 구성 요소를 사용하는 방법

yoursource 2022. 9. 4. 23:24
반응형

Custom Nova Tool에서 Laravel Nova 구성 요소를 사용하는 방법

Laravel Nova가 부품을 로드할 때 사용하는 것과 동일한 로더를 사용하고 싶습니다.컴파일을 할 수가 없어요.LoadingCard 컴포넌트의 로딩원은 인식되지 않습니다.어떤 도움이라도 주시면 감사하겠습니다.

<template>
    <div>
        <heading class="mb-6">Tax Calculator</heading>

        <loading-card :loading="loading" class="card relative overflow-hidden w-1/3">
            <div v-if="countries.length">
                <!--Make form-->
            </div>
        </loading-card>
    </div>
</template>

<script>
    import LoadingCard from 'laravel-nova'
    export default {
        mounted() {
            let vue = this;
            Nova.request().get('/nova-vendor/tax-calculator/mount')
                .then(response => {
                    vue.countries = response.data.countries;
                    vue.states = response.data.states;
                });
        },
    }
</script>

<style>
    /* Scoped Styles */
</style>

알아냈어.모든 Nova 내장 컴포넌트를 전 세계에서 이용할 수 있다고 합니다.몰랐네.컴파일하기 위해 필요한 것은 Import 명세서를 삭제하는 것 뿐이었습니다.코드를 다음과 같이 수정했습니다.

<template>
    <div>
        <heading class="mb-6">Tax Calculator</heading>

        <loading-card :loading="loading" class="card relative overflow-hidden w-1/3">
            <!--Make form-->
        </loading-card>
    </div>
</template>

<script>
    export default {
        mounted() {
            let vue = this;
            Nova.request().get('/nova-vendor/tax-calculator/mount')
                .then(response => {
                    vue.countries = response.data.countries;
                    vue.states = response.data.states;
                });
        },
    }
</script>

<style>
    /* Scoped Styles */
</style>

모든 글로벌 laravel nova vue 컴포넌트 목록을 찾으시는 분은 다음 사이트를 참조하십시오.

nova/resources/js/components.js

언급URL : https://stackoverflow.com/questions/55359255/how-to-use-a-laravel-nova-component-in-a-custom-nova-tool

반응형