Javascript 单选按钮显示为当前值

我有一个单选按钮，作为公司记录的状态选择器。 问题是当编辑记录时。我希望编辑对话框中的单选按钮根据记录的当前状态进行预选

现行代码

我已经尝试过这样的解决方案，但仍然没有达到预期效果

这一次它警告我Active和inactive属性或方法未定义

请告知

另外，我对编码和vue非常陌生（2周）

更新已解决

       <v-radio-group v-model="company.status" row>
          <v-radio label="Active" color="red" :value="'Active'"/>
          <v-radio label="Inactive" color="red" :value="'Inactive'"/>
       </v-radio-group>

---

您的第二个示例基本正确。但是，

：value

绑定需要一个表达式，在这种情况下，绑定确实无法在模型上找到名为Active或Inactive的变量/属性。相反，您可以将值绑定用引号括起来（因为JavaScript中的

'Active'

是一个计算结果为字符串文字的表达式）：

请注意“活动”周围的引号

或者，您可以使用

literal

修饰符，它告诉值绑定将给定值解释为literal而不是表达式：

---

无论您选择哪种方法，都对非活动单选按钮元素应用相同的方法。

您不需要使用

值更改任何内容。您已有的标记是正确的（即，
value=“Active”
是正确的，并且当选择此收音机时，使收音机组的值等于
“Active”
）

要将无线组初始化为当前值
company.status
，该属性需要等于无线组中的一个值（即
“Active”
或
“Inactive”
）

导出默认值{
数据（）{
返回{
公司：{
状态：“未激活”//无线电组的初始值
}
}
}
}

谢谢！这个方法是可行的。但我要么添加一个关键道具，要么不添加。它仍然有效，所以我想知道“关键”道具在这里是什么意思。无论如何，谢谢。
键
属性是唯一的标识符，最常用于
v-for
。您可以在此处阅读更多内容：