Javascript 是否有可能在VUE中检查无线电而不污染数据？

我使用Vue的列表呈现创建单选按钮，我希望有一个预选值，但脚本中没有数据集

请参阅下面的代码，以便更好地了解我试图实现的目标：

脚本：

data() {
   return {
       formData: {} //formData is empty by default, properties added on fly
   }
}

模板：

<div class="switch-button-container two-items">
    <label class="switch-btn" v-for="o in data.formsData.departments"> <-- Data from json
        <input type="radio"
               v-model="formData.Department" <-- property and value added on fly
               name="departments"
               :value="o.value"
               :checked="formData.Department === 'Rent'"> 
        <span class="custom-radio">{{o.value}}</span>
    </label>
</div>

您可以将初始状态设置为租金，如下所示：

data (
    return {
        formData : {
            Department: "rent"
        }
    }
)

然后，当您迭代更改为：

:checked="o.value === formData.Department"

“脚本中没有数据集”我不确定这是什么means@Goose我可能会使用'formData:{Department:'IT'}而不仅仅是'formData:{}'使用
，否则您将遇到模板编译错误。@Sphinx数据加载较早，因此没有错误。无论如何，谢谢你的评论。