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

【问题标题】：vue.js v-on:click.native not firing in blade file laravelvue.js v-on:click.native 没有在刀片文件 laravel 中触发
【发布时间】：2020-01-23 17:24:28
【问题描述】：

@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)" 等等。无论如何尝试，它都不会触发。我是不是做错了什么？？？

【问题讨论】：

在methods内定义为test: function(e) { }

标签： php laravel vue.js laravel-blade

【解决方案1】：

我发现问题了！！

这是第一行，@extends('layouts.app')

我刚刚在我的 layouts.app 中删除了这一行：

<script src="{{ asset('js/app.js') }}" defer></script>

现在可以了！！

【讨论】：

它也对我有用，但它破坏了很多其他东西......

【解决方案2】：

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

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

【讨论】：