Vue.js on click 方法，不适用于 laravel 项目答案

【问题标题】：Vue.js on click method , not working on laravel projectVue.js on click 方法，不适用于 laravel 项目
【发布时间】：2019-11-30 14:07:14
【问题描述】：

如下代码所示，vue.js 组件可以正常工作，但是点击方式完全不起作用，也没有缓存错误。似乎该函数没有被调用。当 webpack 被禁用时，代码可以正常工作。 HTML 代码：

<div class="row my-4">
    <div class="col-8">
        <h5>{{price}} $$</h5>
    </div>
    <div class="col-4">
        <button type="button" v-on:click="inquiry" class="btn btn-yui mx-auto btn-block">price</button>
    </div>
</div>

Vue.js 部分

methods: {
    inquiry: function(){      
        axios.post(`http://localhost:8000/api/brand/panel/get/price/plan`,this.form,{
          headers: {'Accept': 'application/json'}
        })
        .then(response => {
          this.price = response.data;
        })
        .catch(function (error) {
          console.log(error);
        });
    },

【问题讨论】：

请创建一个minimal reproducible example。您发布的内容应该可以正常工作，这意味着您没有显示错误的来源。因此，您的问题无法回答。
您可能错过了} 来结束方法。 methods:{ inquiry: function(){ /*your axios*/ } },

标签： javascript laravel vue.js webpack

【解决方案1】：

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

或者不需要在app.blade.php文件下混合什么的。这一行默认调用layouts/app.blade.php

这对我有用。谢谢。

【讨论】：