vue js при клике переходит к шаблону в laravel

Question

В laravel У меня есть vue. js шаблон основного вида, что я хочу, когда я нажимаю на основной шаблон, это отображает дочернюю модель

//my main template
<template>
    <div>
        <ul>
            <li @click="chatWith()"></li>
        </ul>    
    </div>
</template>
<script>
export default {
    methods: {
        chatWith(){
            return {
                template:<conversation-with></conversation-with>
            }
        }
    },
}
</script>

, но не работает, другой код работает по клику, но идет к шаблону не

Answer 1

Если вы хотите, чтобы он направлялся на новую страницу, вам нужно создать маршрут, который как-то указывает на этот шаблон. Вы можете либо настроить этот шаблон на блейде и использовать маршрутизацию laravel в сети. php, чтобы создать для него маршрут, затем связать его с ним, как обычный <a href="/chatWith">, либо вы можете аналогичным образом создать маршрут, используя Вместо этого vue маршрутизатор, который позволит вам иметь одностраничные приложения с лучшим управлением маршрутизацией.

https://laravel.com/docs/5.8/routing (убедитесь, что это ваша правильная laravel версия) https://router.vuejs.org/guide/

если вам нужно, чтобы это был какой-то модал или что-то другое, хотя