我有這個輸入：
<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: "",
},
};
},
我能夠在資料庫中存盤資料和其他輸入，但我有點困惑我如何才能回傳這個輸入的 false 或 true
uj5u.com熱心網友回復：
你可以這樣做：
data() {
return {
rForm: {
payment_terms: 0,
},
};
在你的控制器上：
$payment_terms = $request->payment_terms == 1 ? 1 : 0;
uj5u.com熱心網友回復：
您可以通過僅使用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/[email protected]/dist/css/bootstrap.min.css" />
<script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>
<script src="https://unpkg.com/[email protected]/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>uj5u.com熱心網友回復：
解決方案：
我忘記在 MySQL 和 Controller 中將輸入更改為布林值
所以這解決了我的問題：
看法：
payment_terms: Boolean,
控制器：
'payment_terms' => 'required|boolean',
謝謝大家
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/478055.html
標籤：javascript mysql 拉拉维尔 数据库 Vue.js
上一篇：在資料庫中搜索