Laravel - передать несколько значений Vue - PullRequest
Новая
       5

Laravel - передать несколько значений Vue

2 голосов
/ 16 апреля 2020

часть my. 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>

my .blade: 

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

по какой-то причине передается только значение photog-Id, в то время как другие два - нет. передается .. почему?

также, когда я компилирую css и js, мне нужно загружать только скомпилированные или также некомпилированные на мой сервер?

1 Ответ

2 голосов
/ 16 апреля 2020

Поскольку вы используете kebab-case для своего реквизита в файле блейда, вам нужно использовать camelCase в вашем файле vue. Более конкретно: 

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

, и ваш асиновый вызов c становится 

axios.get('/' + this.photogId + '/' + this.galId + '/' + this.photoId + '/like')

Кроме того, скомпилированные файлы должны иметь git -корность. При развертывании новой версии ваших файлов js / css инструмент развертывания должен позаботиться о их компиляции и добавлении в папку public вашего проекта.

...