Question

我正在尝试使用Vue和Laravel上传图像。 vue不会为我呈现。它可能是小而愚蠢的东西，但有人想猜猜吗？

resources/assets/js/app.js

Vue.component('image-upload', require('./components/ImageUpload.vue'));

const app = new Vue({
el: '#app'
});

resources/assets/js/components/ImageUpload.vue

<template>

    <div>
        <div class="form-group">
                <label for="image">Image</label>
                <input type="file">

                <div class="help-block">
                    Help
                </div>
        </div>


        <div>
            <input type="hidden" name="image_id">
            <img class="image" alt="Current image">

        </div>
    </div>


</template>

resources/views/profile/edit.blade.php

<div class="form-group">
    <image-upload></image-upload>   
</div>

Answer 1

我不见了

{{1}}

来自我的default.blade.php文件。谢谢您的帮助。

Answer 2

我猜你不要将div定义为vue元素

像这样在div中添加id并测试它：

<div id="app" class="form-group">
    <image-upload></image-upload>   
</div>

Answer 3

您是否正在运行npm run watch或npm run dev来编译资产？

如果不是，请按照Laravel Docs。

使用laragon和Vue，组件不呈现

3 个答案: