Question

我的.vue的一部分：

<script>
export default {
    props: ['photog-Id', 'gal-Id', 'photo-Id'],
    mounted() {
        console.log('Component mounted.')
    },

    methods: {
        setfavorite(){
            axios.get('/' + this.photog-Id + '/' + this.gal-Id + '/' + this.photo-Id + '/like')
                .then(response => {
                    alert(response.data);
                });
        }
    }
}
</script>

我的.blade：

<div>
   <set-fav photog-Id="{{$gallery->user->phcode}}" gal-Id="{{$gallery->galcode}}" photo-Id="{{$photo->filename}}" ></set-fav>
</div>

由于某种原因，仅传递了photog-Id值，而未传递其他两个。.为什么？

还，当我编译css和js时，我是否必须仅将已编译的或未编译的上传到服务器？

Answer 1

由于在刀片文件中使用kebab-case作为道具，因此需要在vue文件中使用camelCase。更具体地说：

string.count

您的异步呼叫变为

props: ['photogId', 'galId', 'photoId']

此外，编译后的文件应忽略git。部署新版本的js / css文件时，部署工具应负责将其编译并将其添加到项目的axios.get('/' + this.photogId + '/' + this.galId + '/' + this.photoId + '/like')文件夹中。

Laravel-将多个值传递给Vue

1 个答案: