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 src="{{ asset('js/app.js') }}" defer></script>

现在它起作用了！

Answer 2

.native根据文档， 修饰符用于自定义事件处理，对组件元素很有用，只需将其删除，事件就会按预期触发

<button type="button" class="btn btn-primary" @click="test">Primary</button>