Question

这个问题似乎被问了一百万遍，但似乎没有一个问题能解决我的问题。我是vuejs的新手，我的laravel电子商务网站可以正常工作，但是我想将vue组件用作“添加到购物车”按钮

我将exampleComponet.vue重命名为addCart.vue，并适当地注册了我的组件，但是，该按钮未显示并且出现错误。

未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我在这里尝试了几个答案，包括清除浏览器缓存，将组件注册为Vue.component(name: 'add-cart', require('./components/addCart.vue').default);均无效

我的addCart.vue：

<template>
     <div>
        <button class="btn btn-primary ml-4" v-text="buttonText"></button>
    </div>
</template>

<script>
    export default {
        name: "btn",
        components: {

                    },
        mounted() {
            console.log('Component mounted.')
        },
        props: ['tag'],

    }
</script>

app.js文件：

Vue.component('add-cart', require('./components/addCart.vue').default);```

我的产品。刀片：

<form action="{{ route('cart.store') }}" method="post">
    {{ csrf_field() }}
    <input type="hidden" name="id" value="{{ $product -> id }}">
    <input type="hidden" name="name" value="{{ $product -> name }}">
    <input type="hidden" name="NewPrice" value="{{ $product -> NewPrice }}">
    <add-cart></add-cart>
</form>

我想将vuejs组件与gloudemans / shoppingCArt一起使用，以从购物车中添加和删除商品

Answer 1

将组件名称更改为“ add-cart”，例如：

export default {
    name: "add-cart",
}

laravel-vuejs：我的vuejs组件未显示

1 个答案: