设置默认单选按钮以签入 laravel vuejs答案

【问题标题】：Set default radio button to check in laravel vuejs设置默认单选按钮以签入 laravel vuejs
【发布时间】：2021-08-04 08:39:38
【问题描述】：

当v-models 为空时，我无法检查单选按钮，.如果我的formfields.status 的值为空，则应自动选中单选按钮。有没有技巧如何实现它？

当status 值为空时，这是我的开发工具扩展中的状态值

这是我尝试过的，但没有任何效果，在此先感谢！

<div class="checkbox-inline">
   <label class="radio mr-2">
       <input class="details-input" type="radio" name="status_radio"  value="1" v-model="formFields.status" :checked="formFields.status == null"/> Active
     </label>
       <label class="radio">
          <input class="details-input" type="radio" name="status_radio" value="0" v-model="formFields.status"/> Inactive 
   </label>
</div>

【问题讨论】：

你试过formFields.status == ''
@Nigel Ren 是的，我已经尝试过了，但它不起作用，但是当我删除我的v-model 时，它检查了单选按钮我猜 v-model 限制任何类型的检查或下拉菜单是否有这种问题的解决方法？

标签： php laravel vue.js v-model

【解决方案1】：

V-model 正在使用单选按钮的选中属性，因此自行设置也可能导致错误行为。当您使用 V-model 时，您希望 UI 始终与数据同步。请注意，“空选”状态对单选按钮无效，应始终选中一个。如果您想允许使用可选的选择字段进行空选择，从用户体验的角度来看也会更好。因此，修复它的最简单方法是通过为状态字段提供默认值来禁止模型的空状态，这将控制默认情况下应检查哪个单选按钮。简而言之：

在数据中使用“status: 1”来设置默认值
从模板中删除 :checked 绑定

【讨论】：

感谢您的回复，但我不明白，我尝试了不同的方法，但输出始终相同