vue 中数据库的复选框值 laravel

Question

我有这个输入：

<div class="d-flex justify-content-between align-items-center">
<label for="patymentTerms">Payment Terms</label>
<b-form-checkbox id="patymentTerms" :checked="true" switch v-model="rForm.payment_terms" />
</div>

这是数据：

data() {
return {
  rForm: {
    payment_terms: "",
  },
};

},

我能够在数据库中存储数据和其他输入，但我有点困惑我如何才能 return 将此输入设为假或真

Answer 1

你可以这样做：

data() {
   return {
     rForm: {
        payment_terms: 0,
      },
    };

在你的控制器上：

$payment_terms = $request->payment_terms == 1 ? 1 : 0;

Answer 2

您只需使用v-model即可轻松实现。

演示 :

new Vue({
  el: "#app",
  data() {
    return {
      rForm: {
        payment_terms: false,
      }
    }
  },
  methods: {
    getCheckboxValue() {
        console.log(this.rForm.payment_terms);
    }
  }
});

<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap@4.5.3/dist/css/bootstrap.min.css" />
<script src="https://unpkg.com/vue@2.6.12/dist/vue.min.js"></script>
<script src="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>


<div id="app">
  <label for="patymentTerms">Payment Terms</label>
  <b-form-checkbox v-model="rForm.payment_terms" @change="getCheckboxValue" />
</div>

Answer 3

解决方案：

我忘记在 MySQL 和 Controller

中将输入更改为布尔值

所以这解决了我的问题：

查看：

payment_terms: Boolean,

控制器：

'payment_terms' => 'required|boolean',

谢谢大家

vue 中数据库的复选框值 laravel

vlaue of checkbox to database in vue laravel

javascript

mysql

laravel

database

vue.js