vue.js v-on:click.native 没有在刀片文件 laravel 中触发

Question

@extends('layouts.app')

@section('content')

<div id="home" class="container">

    <div class="row justify-content-center">

        <div class="col-md-8">

            <div class="card">

                <div class="card-header">Dashboard</div>

                <div class="card-body">

                    <button type="button" class="btn btn-primary" v-on:click.native="test">Primary</button>

                </div>

            </div>

        </div>

    </div>

</div>

<script>

    var home = new Vue({

        el: '#home',

        data: {

            message: 'Hello Vue.js!'

        },

        methods: {

            test() {

                console.log('test')

            }

        }

    });

</script>

@endsection

我试过@click.prevent，比如 v-on:click="$emit('click', $event)" 等等。无论如何尝试，它都不会触发。难道我做错了什么？？？

Answer 1

我发现问题了！！这是第一行，@extends('layouts.app')我刚刚在我的 layouts.app 中删除了这一行：<script&nbsp;src="{{&nbsp;asset('js/app.js')&nbsp;}}"&nbsp;defer></script>现在它起作用了！

Answer 2

.native根据文档，&nbsp;修饰符用于自定义事件处理，对组件元素很有用，只需将其删除，事件就会按预期触发<button&nbsp;type="button"&nbsp;class="btn&nbsp;btn-primary"&nbsp;@click="test">Primary</button>