Почему работает не весь код 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)
                }
            }
        })

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

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

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 Автор вопроса

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

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

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

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

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

Войти через центр авторизации

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

Vue.js

Средний
Как протестировать vue компонент на открытие модального окна через vitest?
- 1 подписчик
- вчера
- 27 просмотров
0

ответов
Node.js

+4 ещё

Средний
Как решить ошибку MaxListenersExceededWarning в Докере во время RUN npm install?
- 1 подписчик
- 03 мая
- 47 просмотров
2

ответа
Vue.js

Средний
Как исправить ошибки TypeError и getActivePinia() при тестировании в vitest?
- 1 подписчик
- 03 мая
- 25 просмотров
1

ответ
Vue.js

Средний
Есть ли способ запустить vite/vue приложение без сервера?
- 1 подписчик
- 02 мая
- 105 просмотров
1

ответ
Vue.js

+1 ещё

Средний
Как переназначить значение null в объект с явной структурой в TS Vue?
- 1 подписчик
- 01 мая
- 76 просмотров
1

ответ
Vue.js

Простой
Как сделать проверку в vuelidate, где одно из двух полей должно быть обязательным?
- 1 подписчик
- 29 апр.
- 75 просмотров
1

ответ
Vue.js

Простой
Как скопировать данные из пропса в дочернем компоненте?
- 1 подписчик
- 28 апр.
- 80 просмотров
1

ответ
Vue.js

+1 ещё

Средний
Как интегрировать localStorage в Pinia с использованием TypeScript?
- 1 подписчик
- 27 апр.
- 89 просмотров
1

ответ
Vue.js

Простой
Vue 3 Composition API как обратиться к функции через this.$refs?
- 1 подписчик
- 27 апр.
- 95 просмотров
2

ответа
Node.js

+3 ещё

Средний
Как решить ошибку Nuxt 3: does not provide an export named execa?
- 1 подписчик
- 25 апр.
- 57 просмотров
0

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

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Второй ведущий разработчик (Fullstack, PHP, Laravel, Vue, Mysql)

Donatov.net

от 100 000 до 300 000 ₽

Frontend developer (middle/senior)

//stablecode

от 210 000 ₽

Разработка скрипта экспорта данных из YCLIENTS

06 мая 2024, в 17:08

10000 руб./за проект

Разработать Telegram Mini Apps

06 мая 2024, в 17:07

50000 руб./за проект

Сканер, бот для арбитража криптовалют

06 мая 2024, в 16:48

50000 руб./за проект

Какой алерт? Вы в консоль выводите текст '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?

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

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

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