Почему работает не весь код VueJS в Laravel?

Question

Konstantin Malyarov @Konstantin18ko

Стоматолог

Vue.js

Почему работает не весь код VueJS в Laravel?

Код страницы.

<button type="submit" class="btn btn-xs btn-danger" v-on:click="clearForm('test')">
                            Очистить</button>

Код скрипта.

new Vue({
            el: '#protocol_search_form',
            data: {
                message: "HW",
            },
            methods: {
                clearForm: function (message) {
                    console.log(message)
                }
            }
        })

Результат такой, но при нажатии алерт не срабатывает.

Вопрос задан более трёх лет назад
274 просмотра

11 комментариев

Подписаться 1 Простой 11 комментариев

zorca @zorca

Какой алерт? Вы в консоль выводите текст 'test'. И само собой все работает.

Написано более трёх лет назад
Глеб Старков @colonel

Так у вас не алерт должен сработать, а запись в консоль

Написано более трёх лет назад
Konstantin Malyarov @Konstantin18ko Автор вопроса

zorca, запись в консоль.

Написано более трёх лет назад
Konstantin Malyarov @Konstantin18ko Автор вопроса

Глеб Старков, запись в консоль.

Написано более трёх лет назад

zorca @zorca

Konstantin Malyarov, написал же вам: все работает. Даже HW стирает. )))

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
    <div>{{message}}</div>
    <button type="submit" class="btn btn-xs btn-danger" v-on:click="clearForm('clear')">Очистить</button>
</div>

<script src="https://ru.vuejs.org/js/vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            message: "HW"
        },
        methods: {
            clearForm: function (message) {
                console.log(message);
                this.message = '';
            }
        }
    })
</script>
</body>
</html>

Написано более трёх лет назад

Konstantin Malyarov @Konstantin18ko Автор вопроса

zorca, и у меня не выводит. Вроде бы код одинаковый, но у Вас выводит, у меня нет.

Написано более трёх лет назад
zorca @zorca

Konstantin Malyarov, замените прокладку

Написано более трёх лет назад
zorca @zorca

Konstantin Malyarov, если не работает ТОЛЬКО console.log, то это скорее к вашему сборщику вопрос, что там у вас, Laravel Mix? Насколько я помню, он при сборке в продакшн просто режет весь вывод в консоль.

Написано более трёх лет назад
Konstantin Malyarov @Konstantin18ko Автор вопроса

zorca, во момент загрузки страницы алерт срабатывает, однако если страница загрузилась, алерт не работает.

Написано более трёх лет назад
zorca @zorca

Konstantin Malyarov, и ошибок нет в консоли при нажатии кнопки? Любое другое действие отрабатывает?

Написано более трёх лет назад
Konstantin Malyarov @Konstantin18ko Автор вопроса

В консоли он ошибки не пишет.
Когда страницу загрузит, то почему то я не вижу прикреплённого скрипта.

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Skillbox

Frontend-разработчик

9 месяцев

Далее
Loftschool

Профессия Веб-разработчик

7 месяцев

Далее
Skillbox

Веб-разработчик на PHP

9 месяцев

Далее

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Vue.js

Простой
Как использовать иконки unicode в vue-fortawesome?
- 1 подписчик
- 08 окт.
- 118 просмотров
2

ответа
Vue.js

Простой
Как сделать модальное окно, которое всегда рядом с кнопкой, его вызывающей?
- 1 подписчик
- 24 сент.
- 135 просмотров
1

ответ
Android

+1 ещё

Средний
Как сделать запрос на Push уведомление для Android в Quasar Caricator?
- 1 подписчик
- 05 сент.
- 88 просмотров
1

ответ
Vue.js

Средний
Как глубоко сравнить копию реактивного объекта и реактивный объект Vue 2?
- 1 подписчик
- 21 авг.
- 144 просмотра
2

ответа
Android

+2 ещё

Сложный
Как в Capacitor приложение обновить через apk?
- 1 подписчик
- 20 авг.
- 120 просмотров
1

ответ
Vue.js

+2 ещё

Простой
Docker, Laravel, Vue — The POST method is not supported for route api/tasks/$%7Bid%7D. Supported methods: PUT, DELETE?
- 1 подписчик
- 09 авг.
- 260 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как сделать код с отменой запросов и переотправкой более простым?
- 1 подписчик
- 05 авг.
- 289 просмотров
2

ответа
Vue.js

Простой
Как подружить Quasar и Motion?
- 1 подписчик
- 02 авг.
- 77 просмотров
1

ответ
Vue.js

+1 ещё

Простой
Как в Nuxt UI добавить собственный цвет для темизации?
- 1 подписчик
- 27 июл.
- 150 просмотров
0

ответов
Vue.js

+1 ещё

Простой
Как правильно писать компоненты-обёртки во Vue 3?
- 1 подписчик
- 25 июл.
- 241 просмотр
3

ответа
Показать ещё Загружается…

Fullstack разработчик (Laravel + Vue.js/React.js)

Nomadic Soft

от 1 600 до 2 240 $

JS Fullstack Инженер (Node.js + Vue.js)

SteadyControl • Воронеж

от 100 000 до 250 000 ₽

Project Manager / Team Lead (внутренний IT-проект, Laravel + Vue)

РПК Discovery • Екатеринбург

от 120 000 ₽

Какой алерт? Вы в консоль выводите текст 'test'. И само собой все работает.
Так у вас не алерт должен сработать, а запись в консоль
Konstantin Malyarov, написал же вам: все работает. Даже HW стирает. )))

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div>{{message}}</div> <button type="submit" class="btn btn-xs btn-danger" v-on:click="clearForm('clear')">Очистить</button> </div> <script src="https://ru.vuejs.org/js/vue.js"></script> <script> new Vue({ el: '#app', data: { message: "HW" }, methods: { clearForm: function (message) { console.log(message); this.message = ''; } } }) </script> </body> </html>
zorca, и у меня не выводит. Вроде бы код одинаковый, но у Вас выводит, у меня нет.
Konstantin Malyarov, если не работает ТОЛЬКО console.log, то это скорее к вашему сборщику вопрос, что там у вас, Laravel Mix? Насколько я помню, он при сборке в продакшн просто режет весь вывод в консоль.
zorca, во момент загрузки страницы алерт срабатывает, однако если страница загрузилась, алерт не работает.
Konstantin Malyarov, и ошибок нет в консоли при нажатии кнопки? Любое другое действие отрабатывает?
В консоли он ошибки не пишет.
Когда страницу загрузит, то почему то я не вижу прикреплённого скрипта.

Почему работает не весь код VueJS в Laravel?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт