Question

我有两个组成部分：

Header.vue：

<button type="submit" @click="clickNext">Next</button>
methods:{
    clickNext(){
        Bus.$emit('submitForm');
       }
    }

还有Home.vue

<form method="POST" ref="my-form">
    <input type="text" name="email" id="email" />
</form>

  created() {
    Bus.$on('submitForm', () => this.$refs['my-form'].submit(this.send()))
  },
  methods: {
    send() {
       console.log("send!");
    }
  }

我需要使用Header.vue组件中的按钮发送表单（带有组件Home.vue）。当我单击下一步按钮Laravel刷新页面并返回错误：

Symfony \组件\ HttpKernel \异常\   MethodNotAllowedHttpException

没有消息

Answer 1

除了执行GET之外，您都必须具有执行任何方法的每种格式的CSRF令牌。在official docs

中阅读

Vue Laravel使用其他组件中的按钮提交表单

1 个答案: