b-input 名称属性不工作 buefy

Question

我想将name="name" 属性放在buefy 输入控件中。到目前为止，我还没有成功。

<b-field label="Fullname">
   <b-input
      value=""
      icon="face"
      name="name">
   </b-input>
</b-field>

它发送空值，我在 laravel 中收到错误：

"Column 'name' cannot be null"

当我尝试使用原生 html 输入控件时，它起作用了。

我也尝试使用开发人员工具检查 DOM，似乎 b-input 控件没有名称。

我该如何解决这个问题？

编辑： 我有 vue@2.1.10 而对于 buefy 你需要 2.4，这就是我得到这个错误的原因。对不起，我的错。

Answer 1

使用v-model 将您的组件绑定到您的数据。

在你的<template>...</template>：

<b-field label="Fullname">
    <b-input
      v-model="fullname"
      icon="face">
    </b-input>
</b-field>

在你的<script>...</script>:

data () {
   fullname: null,

   //some more state...
},