Блог

Главная - Вопросы по программированию - Тот же код vue из html не работает в блейд-файле

Тот же код vue из html не работает в блейд-файле

#vue.js #laravel-blade

#vue.js #laravel-блейд

Вопрос:

ниже приведен код из html:

 <div id="app">
    <select @change="onSelectUserType()" v-model="type">
        <option value="">Who are you?</option>
        <option value="tailor">Tailor</option>
        <option value="store">Store</option>
        <option value="customer">Customer</option>
    </select>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            type: ''
        },
        methods: {
            onSelectUserType: function () {
                console.log(this.type)
                alert(this.type)
            }
        },
        mounted() {
            console.log('mounted');
        }
    });
</script>

это код из html, который работает, когда я применяю его внутри блейда, он не работает! при изменении параметров должно отображаться предупреждение и консоль, но ничего не видно, также ошибка не обнаружена в чем проблема?

Комментарии:

1. Что вы подразумеваете под «не работает»? Вы должны предоставить более подробную информацию о вашей проблеме.

2. В консоли должна быть какая-то ошибка? Не могли бы вы поделиться этим. «не работает» мало что объясняет.

3. он должен показывать предупреждение и консоль при изменении параметров, но ничего не видно, также ошибка не обнаружена

4. Проверьте с помощью @input

5. Не могли бы вы посмотреть исходный код с помощью Ctrl U и опубликовать его здесь?