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

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

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

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

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

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

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

1С-Битрикс

+1 ещё

Средний
Как подключить Vue3 к Bitrix шаблону компонента и вывести рекурсивный список?
- 1 подписчик
- 13 часов назад
- 33 просмотра
0

ответов
Vue.js

Простой
Как прокинуть данные из одного дочернего компонента в другой?
- 1 подписчик
- 22 нояб.
- 124 просмотра
1

ответ
Vue.js

Простой
Как игнорировать клик на компоненте?
- 1 подписчик
- 22 нояб.
- 76 просмотров
1

ответ
Vue.js

+1 ещё

Средний
Как правильно типизировать vue generic components?
- 2 подписчика
- 21 нояб.
- 140 просмотров
1

ответ
Vue.js

Простой
В какую сторону развивается Vue и есть ли ему современные альтернативы?
- 6 подписчиков
- 21 нояб.
- 5787 просмотров
3

ответа
Vue.js

Средний
Как можно вытащить типы пропсов из определения компонента?
- 1 подписчик
- 15 нояб.
- 112 просмотров
1

ответ
Ubuntu

+2 ещё

Простой
Как запустить VueJs в Docker на Ubuntu 14.04?
- 1 подписчик
- 12 нояб.
- 147 просмотров
2

ответа
Vue.js

Средний
Как использовать компонент vue3-draggable без сборщиков?
- 1 подписчик
- 12 нояб.
- 82 просмотра
1

ответ
Node.js

+2 ещё

Средний
Можно ли вернуть помимо статической страницы данные с сервера?
- 1 подписчик
- 08 нояб.
- 135 просмотров
0

ответов
Vue.js

Простой
Как пробросить модификаторы v-model в кастомный инпут?
- 1 подписчик
- 02 нояб.
- 188 просмотров
2

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

Frontend Developer (Vue/Nuxt)

tactic.team

от 140 000 до 180 000 ₽

Frontend разработчик (Vue)

Creatium

от 150 000 ₽

😃 Frontend developer Vue 💻📱⌚️

Viletech • Москва

от 150 000 ₽

Тг скрипт для рассылки

29 нояб. 2024, в 04:45

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

Авито, скрипт для массовой рассылки

29 нояб. 2024, в 04:42

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

Разметчик данных (аннотатор, асессор ML-датасетов) на ГПХ

29 нояб. 2024, в 02:30

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

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

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

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

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