Vue.js 从枚举字段获取值以动态填充Vue中的单选按钮

我正在制作todo vue组件。其中一个字段（MySQL表todos）是枚举类型：priority enum（'high'，'medium'，'low'）。如何从该字段中生成单选按钮，或者应该使用其他字段类型

我手动添加了带有枚举字段值的数据属性：

data() {
    return {
        priorities: [{name: 'High'}, {name: 'Medium'} , {name: 'Low'}],
    }
},

然后在模板中动态创建单选按钮：

<label >Priority</label>
<div class="form-group custom-control custom-radio" v-for="(priority, index) in priorities" :key="index">
    <input type="radio" class="custom-control-input" :name="priority.name" :value="priority.name" v-model="form.priority" :id="priority.name">
    <label class="custom-control-label" :for="priority.name">{{ priority.name }}</label>
</div>

优先级
{{priority.name}

---

我想从枚举字段中获取默认值。

据我所知，您不想手动创建枚举字段，您希望它们来自后端api，对吗？您理解正确：）.Okey:）那么您是否有一个连接到mysql db的后端应用程序？当然，是用Laravel创建的。我从API获取数据，实现所有CRUD，手动创建枚举字段中的默认值。我认为您可以创建一个名为getPriorities的新端点，并使用fetch API或axios获取该端点