vue.js - b-输入名称属性不起作用

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，这就是我得到这个错误的原因。对不起这是我的错。

score 1 · Accepted Answer

使用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...
},

1 回答 1